Disable installed fonts from the system in the browser

Question

For example, I have an Open Sans font installed on Windows as well as built-in Google fonts on my website. If I forgot to embed google fonts, then I can still see the font on my website because I installed it on the system, but my visitors are not. How to test fonts and ignore system fonts?

I tried to find some parameters in config in chrome / firefox or plugins to disable system fonts in the browser, but I can not find anything. I want to use the installed fonts in Photoshop, but not in the browser.

Sorry for the bad english. Relationship

Answer 1

Try renaming your font to something that does not match the name on your system.

@font-face { font-family: 'Open-Sans-Private'; } 

Thus, your system will not recognize it, and you will be able to see if your implementation strategy is valid.

Hope this helps!