songyy songyy - 1 month ago 8
CSS Question

Wired CSS rendered in chrome (but not in Safari)

I've seen such issue in lots of sites.. and Google Big Query Docs Page is just one of them.

In safari, it renders perfectly fine:

what I get in Safari

However, in Chrome, it renders like this:enter image description here

It happens with the latest build of Chrome, and it happens on lots of sites, for example, Left sidebar of CircleCI Admin Pannel

I've tried reset Chrome, and it doesn't solves the issue.

Any idea what has been wrong?

Answer

It's the icon font not rendering, or being blocked. What you are seeing is fallback textual content.

I get the same result if I disable font-family: 'Material Icons';