更改开发人员工具Font Face(系列)

时间:2014-08-24 16:25:33

标签: google-chrome-devtools

经过数小时的研究,我放弃了。

有没有直接的方法来破解Dev Tools并更改他们使用的字体系列?我花了很多时间看这个窗口,所以如果我能使用我选择的等宽字体,我会很高兴。

4 个答案:

答案 0 :(得分:27)

我创建了一个小插件,为Chrome开发者工具提供了一系列编辑器设置,包括在计算机上设置自定义字体系列的功能

  1. 从Chrome网上应用店安装DevTools Author Chrome extension
  2. 在chrome:// flags / #enable-devtools-experiments中启用Developer Tools实验。重启Chrome for 标志生效。
  3. 打开DevTools(cmd + opt + I);设置>实验>选中允许自定义UI主题。
  4. 这会在Chrome开发者工具中添加“作者设置”面板,您可以在其中编辑应用于Chrome开发者工具的字体系列。

    enter image description here

答案 1 :(得分:12)

我从Darcy Clarke那里学到了这一点,并且通过Paul Irish或Addy Osmany的链接来到他的岗位。我从没想过有人会要求这个非常精确的功能。

a)您需要启用devtools实验功能(在您的网址字段中打开chrome://flags/#enable-devtools-experiments)。重新启动Chrome。

enter image description here

b)打开devtools设置,在实验标签中启用UI主题

enter image description here

3.-浏览Chrome扩展程序中的devtools themes或使用Paul Irish's sample主题构建您自己的主题。

享受!

答案 2 :(得分:1)

如果您只想吨定制devtools字体,则不需要使用devtools实验。 只需进入设置并更改固定宽度的字体即可:chrome://settings/fonts?search=font

答案 3 :(得分:0)

  1. 启用devtools实验功能
  2. 打开devtools设置,然后在“实验”标签中启用UI主题化
  3. 从Chrome网上应用店下载DevTools Font Changer
  4. 打开devtools设置,然后在Devtools Font Changer中,在Font-Family输入字段中更改字体