How to turn off local fonts to test google fonts?

css google-chrome firefox fonts google-font-api
AJcodez picture AJcodez · Oct 19, 2015 · Viewed 7.9k times · Source

Prior art:

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?

Answer

Michael picture Michael · Nov 16, 2016

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

Related questions

Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More
How can I inspect and tweak :before and :after pseudo-elements in-browser?

I have created some fairly elaborate DOM elements with an :after pseudo-element, and I'd like to be able to inspect and tweak them in either Chrome Inspector or Firebug or equivalent. Despite this feature being mentioned in this WebKit/Safari …

Read More
Font-size issues comparing chrome and Firefox

I built a site and the problem is, chrome display font-size 1px bigger than Firefox. I tried several ways to match the font-size, specified it in px, in % set the body to 100% and then the elements to 0.875em. None of …

Read More