Google fonts not displaying- solution needed for designers
Since upgrading to FF57 I noticed that sites I have designed are no longer displaying Google fonts. I found the answer as to how to enable them on my own browser (sandbox setting in config) but how do I fix this as a designer so my pages display as they are meant to?
Between this and the Web Developer extension no longer working right, FF has suddenly become frustrating to design in/for when it has always been my favorite up to now. Hope these problems can get ironed out.
Additional System Details
- Shockwave Flash 27.0 r0
- User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0
So are you placing the Google fonts on your page or are you calling them from google.fonts. I have pages calling Google fonts with no problems.
There is the Developers Edition that is the replacement for Firebug.(so so) https://www.mozilla.org/en-US/firefox/developer/
These call up just fine : <link href='https://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
I am still the old fashioned person I guess. I check my code with W3C they Who make the rules for web code. Test your code here as Firefox will display perfectly with anything that passes. Chromes next update may break your page or MS's that is why I follow the rules and then it does not matter.
And there are tons of best practice that will look at code and I use Dreamweaver.
Please let us know if this solved your issue or if need further assistance.
When visitors have installed fonts locally, but Firefox 57 has a security problem with accessing these fonts then there is no way for you to check that and workaround it. You can try a beta or nightly build to see if that will fix this, so you can be certain that it will work in a future Firefox version. I don't think that many visitors will have these fonts installed locally on their computer. When users install fonts in a location that isn't in the font white list then the only option would be to notify Firefox 57 users.
Make sure to use a separate profile for each version.
I am calling the fonts in my css. I always validate my pages. I'm using html 5.