Icon font are rendered as squares on subsequent visits in Safari (iOS and OSX)
Asked Answered
S

0

3

We're experiencing a weird problem with font icons. First couple of visit they load beautifully, but after a period of idle (usually around 24 hours) on subsequent visits they are replaced by squares. In Chrome, Firefox and even IE it works without problems.

When the problem is there I can see the CSS with the embedded font in the inspector but the font does not render. The CSS is cached and it feels like the font is evicted from the cache but never loaded again.

We have tried different ways of hosting, bootstrapcdn, our own CDN, and now fonticons.com. No real change. The really weird part is that the problem only arises after some time.

Anyone with a similar problem?

Site is www.mentimeter.com.

Sweyn answered 12/5, 2015 at 14:18 Comment(3)
In my case i just change css link to <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">. Now it's working, why? No idea... :)Obeisance
Using the CDN worked for me as well. I only had the problem rendering 1 specific icon.Tuba
I had a similar issue, I posted a solution here #29697200Selfabsorption

© 2022 - 2024 — McMap. All rights reserved.