咨询：Chrome元素检查器使用的字体是什么？欲在网页中复用

嘿，我刚好了解Chrome元素检查器（也就是DevTools）用的字体，它其实会根据你的操作系统自动适配对应的系统默认等宽字体，具体如下：

• Windows系统：默认使用 Consolas
• macOS系统：通常是 Menlo 或者旧版的 Monaco
• Linux系统：常见的是 Ubuntu Mono 或者 DejaVu Sans Mono

如果你想在个人网页里模拟这种风格的字体，只需要在CSS里设置一个包含这些常用等宽字体的字体栈就可以啦，这样能保证在不同系统上都能显示接近DevTools的效果：

code, pre, .devtools-style-text {
  font-family: Consolas, Menlo, Monaco, "Ubuntu Mono", "DejaVu Sans Mono", monospace;
  font-size: 14px; /* 可选，匹配DevTools的默认字号 */
}

这些字体大多是系统自带的，不需要额外引入外部字体文件，直接写上面的CSS就能轻松实现类似Chrome检查器的字体效果啦～

内容的提问来源于stack exchange，提问作者user3565056