Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to turn off local fonts to test google fonts?

Prior art:

  • Can I disable my local font in chrome?

  • https://superuser.com/questions/292666/how-to-disable-permission-to-read-system-fonts-and-browser-plugin-details-in

Is there a way to disable system fonts temporarily in any browser?

The only solution I can find is to name the font something that doesn't collide with local fonts. I don't like that solution cause:

  1. I'd rather refer to fonts by correct name.

  2. It doesn't work with inline fonts via stylesheet like how Google serves fonts.

So, anyone know how?

like image 732
AJcodez Avatar asked Oct 19 '15 02:10

AJcodez


People also ask

What does load Google Fonts locally mean?

It's much faster to host your Google Fonts now locally. This means storing and delivering your web fonts from your server or CDN, instead of relying on Google's CDN. There are multiple advantages to hosting your Google Fonts locally: It gets rid of the third-party DNS lookups and requests to Google.

How do I link Google Fonts locally?

To host Google Fonts locally, you need to upload all the font files you want to use to your server and also add the corresponding @font-face rules to your CSS. You can do all that manually, but there's a handy open-source tool called Google Web Fonts Helper that automates the process for you.


2 Answers

If you are on a Mac just open up the 'Font Book' app and disable the font.

like image 183
Michael Avatar answered Sep 29 '22 04:09

Michael


From Chrome 86, you can now disable local fonts in DevTools.

  1. Open DevTools
  2. Click the three dots in the top right
  3. Select More tools > Rendering
  4. Check Disable local fonts
  5. Refresh the page

This will ignore all local(...) sources in CSS @font-face rules.

like image 21
David Wheatley Avatar answered Sep 29 '22 04:09

David Wheatley