Google font Rubik not working or am I missing some

2019-05-03 09:44发布

问题:

I'm using Google's font Rubik on a website (still work in progress) and it stopped showing any text suddenly!

It seems that even on Google Font website the font isn't working: https://fonts.google.com/?selection.family=Rubik:400,900&query=rubik ("All their equipment and instruments are alive." isn't showing below Rubik, but if you inspect it, it is in there)

Is anyone else having the same problem?

I'm having this issue using Windows and Chrome, Firefox or Edge.

UPDATE: without changing anything, the font started working again today. I guess whatever problem existed, Google fixed it.

回答1:

Upon further investigation, it seems their font for "Rubik" is corrupt or otherwise problematic. Conversion to ttf gives the same results. The font can be previewed under Windows, but the behavior in-browser (FF56.0b2) is the same.

Browsers that appear to render it might be doing what mine was, using a system fallback that looks similar.

This is an issue on their end as the problem is with the font file and not their stylesheet as I had originally stated in this answer.

I converted the woff to ttf using Google's woff2 tool, then tried the ttf version locally, without unicode-range and the results are the same. Here is a preview of the truetype version of the font, converted from the woff2 version, in FontForge, if anyone wants to see if the glyph's are in the correct location (note that this version of the font also doesn't work in-browser):



回答2:

Google Fonts pushed an update with hinting that had a bug for some rendering systems, and rolled back the update within 24 hours.



回答3:

If you remove the "/" after ".com" and add a space it worked for me. This font was working for me yesterday, so now the only problem is if they fix the path it wont work again. Hope this helps



标签: css fonts