Lots of things overlap when the webfont isn't loaded
mattl opened this issue · 5 comments
For privacy reasons, many people block webfonts loading from Google.
We should move any resources we want to load to ccstatic.org
I think there's two pieces of work here.
- Bringing the web font over to our server.
- Ensuring things can degrade nicely without the font.
Things seem a lot more graceful in Chromium.
To reproduce, install the Privacy Badger extension, and disable anything on the page that isn't from Creative Commons.
If you were self-hosting the file, I wouldn't worry about the graceful degradation, personally.
The site has a lot of CSS that depends on the specifics of the font being used, which comes from fonts.google.com. Moving the font onto your server is a good idea.
We could provide some support narrowing down the particular font faces you need to serve (looks like right now we've selected a lot), and if you need help finding where in the theme to change where they come from, please let us know.
We also thought of adding Arial Narrow to your the font stack ahead of Sans Serif, which could help with degradation.