Devtools font 显示不正确

[draculapile]

Describe the bug

devtools 里的字体显示不正确

Reproduction

when show devtools pannel

System Info

System:
    OS: macOS 12.3
    CPU: (12) x64 Intel(R) Core(TM) i7-8750H CPU @ 2.20GHz
    Memory: 1.78 GB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.15.0 - ~/.nvm/versions/node/v16.15.0/bin/node
    Yarn: 1.22.15 - ~/.nvm/versions/node/v16.15.0/bin/yarn
    npm: 8.5.5 - ~/.nvm/versions/node/v16.15.0/bin/npm
  Browsers:
    Chrome: 105.0.5195.125
    Firefox: 27.0.1
    Safari: 15.4

Used Package Manager

yarn

Validations

• [X] Follow our Code of Conduct
• [X] Read the Contributing Guide.
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• [X] The provided reproduction is a minimal reproducible of the bug.

[jackiotyu]

https://github.com/ChromeDevTools/devtools-frontend/commit/21b0aa21a97eacf5dd0dead03813bf1edb1a526e https://github.com/ChromeDevTools/devtools-frontend/commit/623ea761d226745f18a12d4790f1f5266c6529a1 The issue originates from here. The default font has been changed to monospace.

[jackiotyu]

@draculapile chrome://settings/fonts 在chrome浏览器上手动修改等宽字体为Consolas就行了