vuejs / devtools-v6

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools-v6.vuejs.org/
MIT License
24.68k stars 4.14k forks source link

Strange/Random Characters within devtools inspector #1821

Open mmillis1 opened 2 years ago

mmillis1 commented 2 years ago

Version

6.1.3

Browser and OS info

Version 99.0.4844.84 (Official Build) (x86_64)

Steps to reproduce

Installed both vue 3 and vue 2 dev tools from chrome store and happens with both. Made sure language settings were correct but still see the wrong language.

What is expected?

Display verbiage in English

What is actually happening?

Displaying in another language/random characters


Tried restarting chrome/laptop. Remove extensions, reinstalled, reloaded anything I could. Works fine in Firefox

Screen Shot 2022-03-30 at 2 50 27 PM

woutervanerp commented 2 years ago

What is the status of this ticket? Did you manage to solve it @gradedcatfood

woutervanerp commented 2 years ago

This is what solved it for me:

One last suggestion to anyone on a Mac having this issue. When you do Inspect Element, you will be shown what fonts are acceptable to the element. If one of the fonts does not reside in your System or User Fonts, you will see the garbled font. You cannot add to the System fonts therefore put it in the User/font directory.

So i opend to the Mac Font Book and searched for "Roboto Mono" (the font that is garbled) and clicked the automatic resolve button.