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.
Disable Web FontsIn the sidebar panel, navigate to the Advanced tab. Within the Display Settings panel, toggle the Enable web fonts? option off.
Some website speed testing tools point this out as a performance issue and suggest hosting fonts locally. This way you can increase the expiration time of fonts manually and cache them for a longer time.
Activating this feature will send only one Google Font API request, which will gather all of the font data & assets files from Google and store them locally on your server. Then, for any further requests, the Google fonts will be loaded using the locally stored files (until this option is enabled).
The @font-face rules still point to the font files on Google's servers. Google often updates its font files. So, if the source URL changes, the CSS you copied becomes stale or unavailable. That's why you should serve both the CSS and font files on your own.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With