12

I work on a system who always bug with the google font load, but i can't see when the font is not loaded because I have all these font in local (for Photoshop) so the font look like good on my computer.

So, I would like to disable all these font in chrome so I can see quickly if the google font is correctly load or not.

Do you think it's possible ??

Thank you

PS: Excuse my english, i'm French.

Will Ness
  • 70,110
  • 9
  • 98
  • 181
tomtomtom
  • 829
  • 1
  • 8
  • 20
  • 2
    Temporarily remove them? E.g. move them out of \fonts on Windows – Alex K. Jan 23 '14 at 15:37
  • 1
    yes but i'm more searching a general that i can integrate to my workflow – tomtomtom Jan 24 '14 at 08:56
  • 3
    you can change font name in your css. you can set name of your font in font-face syntax, like below : @font-face{ font-family: **myCustomFontName**; src: url(FontName.ttf);} Just change myCustomFontName to something unlike font name in local system. – Mahmood Kohansal Feb 05 '14 at 16:30
  • 1
    @youngshot did you ever find a way, or did you rename? – AJcodez Oct 19 '15 at 02:12
  • Not in Chrome, but in Firefox: see [my answer](https://stackoverflow.com/a/76903494/1334619) to the question "Disable installed fonts from system in browser". – Graham Hannington Aug 16 '23 at 03:13

2 Answers2

5

Rather than disabling the fonts on your side of things, why not use the font API in Chrome or Opera and have run through all the fonts that have been specified as follows?

document.fonts.ready.then(function(set) {
  // Log that the fonts are loaded
  console.log(set);
  var t;
  for(var t of set.entries()) {
    console.log(t); 
  }
});

The FontFaceSet will tell you if the font has been loaded or not.

Kinlan
  • 16,315
  • 5
  • 56
  • 88
4

On Chrome/Brave you can now see where the font was loaded from. Go to view —> developer –> inspect elements –> make sure the elements tab is selected –> select the computed sub-tab –> scroll to the bottom and look for rendered fonts. If it's a local file it'll say YOUR_FONT – local file.

enter image description here

Bonus:

If using a Mac, then you can disable the local font in the Font Book application. Just open that app, then find the font you want to disable, right click, and select Disable "YOUR_FONT" Family. Then refresh the page and you should see what the user without that font will see.

enter image description here

Community
  • 1
  • 1
fredrivett
  • 5,419
  • 3
  • 35
  • 48