Ranter
Join devRant
Do all the things like
++ or -- rants, post your own rants, comment on others' rants and build your customized dev avatar
Sign Up
Pipeless API
From the creators of devRant, Pipeless lets you power real-time personalized recommendations and activity feeds using a simple API
Learn More
Comments
-
laceytech757yGood investigative work there! Custom fonts are great but this shows there are some issues. It is a shame that you are unable to load in a custom font and pass a parameter that tells the browser to ignore the local font.
-
cursee171647yYou won't be able to delete every computer with only Raleway Bold installed though. Do you think defining font weight will help for this kind of issue?
My css skills are bootstrap and Google level. I wish I can help out better 😁
Edit : Googling result is to remove local() line or use different name like local(Raleway Raleway). -
Kimmax111077y@laceytech font overrides are important for accessibility options. In the end the user should decide, even if it turns into this kind of bug report once in a while
-
doompling927y@mrlinnth that would require not using Google Fonts. I could, of course, download and host the font among my other assets, but I think this is too much of an edge case. I guess Google knows better than me when deciding whether to use local().
-
cursee171647y@doompling yes technically you won't be using the up-to-date google font of your choice. But you can always embed the Google font css by yourself and it will be fine. And yes this is also another duct-tape fix.
Related Rants
Spent more than an hour on client's computer trying to figure out why it was rendering a font in bold, while every other device I tried (even with same browser/OS/screen DPI) rendered it in normal weight. Google Fonts were loading fine. After banging my head into TeamViewer window for the Nth time, I found the problem. The font was installed on client's computer locally, so it was overriding remotely loaded Google Fonts. What's the problem then? The local version only had bold version.
Deleting the local font fixed it.
undefined
fonts
css