更改Chrome Developer Tools的字体

最新推荐文章于 2026-06-15 16:08:12 发布

原创最新推荐文章于 2026-06-15 16:08:12 发布 · 6.6k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#娱乐 #chrome #字体 #windows

娱乐专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何在不同操作系统上调整Chrome开发者工具的字体大小及样式，并提供了针对Windows和Linux的具体CSS代码。此外，还涉及如何自定义开发工具的主题。

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看

本子是15寸的1080p的屏幕，导致chrome F12的工具里字特别小，于是找了找修改大小的方法：

我的系统是win8 64位，chrome的版本是32.0.1700.107 m，改动是针对Custom.css进行的，文件位置是在：

C:\Users\<user>\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets

至于linux下是在：

~/.config/chromium/Default/User StyleSheets

win下的修改如下

body.platform-windows .monospace, body.platform-windows .source-code {
    font-size: 16px !important;
    font-family: Consolas, Lucida Console, monospace;
}

linux下

body.platform-linux .monospace, body.platform-linux .source-code {
    font-size: 16px !important;
    font-family: dejavu sans mono, monospace;
}

font-size是字体大小，font-family是字体。

你甚至可以改变developer tool的代码主题

个性化你的Chrome开发者工具代码主题

看起来特别虎

嗯，就是这样

开发板推荐：天空星STM32F407VET6开发板

超高性价比 STM32主控 | 超高主频 | 一板兼容百芯 | 比赛神器 | 沉金彩色丝印

点击查看