some of the fonts won't display on windows 8 chrome or ubuntu chrome

[harrisrobin]

This is weird. I have been using entypo for a while and have noticed that some of the fonts simply do not display on windows 8 chrome. On Ubuntu, they simply don't show up (all of them). I don't know how to reproduce this for you guys. Here is my website for an example : www.harrisrobin.co

What could be the cause of this ?

I tested my site on firefox on both operating systems and this problem doesn't exist

[lwe]

Do you have the same issues when you use the "stock" entypo fonts from http://www.entypo.com/?

[harrisrobin]

Sorry for the late reply. So I managed to confirm that this is a local issue. I have included the stock entypo fonts and added them to my website just to test, the error remains.

Do you have any idea what could be causing this ? I am on heroku and i have precompiled my assets.

[lwe]

Some AntiVirus/Firewalls are known to block WebFonts... but other than that, I'm sorry. Good luck.

PS: Hope it's okay if I close this issue - but please, write back if you have found a workable solution, thx!

[ashok-v]

I have the same issue. It happens only on chrome. Its not just fonts that are being loaded from our server. I am having trouble seeing icons on the entypo website also. So I am guessing this is not an issue with our asset compiling

[lwe]

Is there a firewall or anything in between?

On Thu, Apr 3, 2014 at 11:17 PM, ashokvarma2 [email protected]
wrote:

I have the same issue. It happens only on chrome. Its not just fonts that are being loaded from our server. I am having trouble seeing icons on the entypo website also. So I am guessing this is not an issue with our asset compiling

Reply to this email directly or view it on GitHub:
#10 (comment)

[harrisrobin]

Ok so I found the fix for this issue. This has nothing to do with entypo-rails but more with how chrome on windows renders their fonts. The fix is to use the .SVG font with this media query :

@media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
      font-family: 'entypo';
      src: url('path to entypo.svg#entypo') format('svg');
   }
}

Let me know if this works.

[ashok-v]

Where did you please this css for it to be fixed?

[harrisrobin]

What do you mean ? Just load this at the end of your stylesheet and make sure it's pointing to your entypo's svg (don't forget to make a seperate one for entypo-social).

Edit : unfortunately i can't test it because i dont have a windows machine, but it makes sense that it would work since you are now using SVG's instead. All the media query is doing is targeting chrome for windows.

P.S: Obviously you will need to download the svg of ENTYPO since we are using a gem here and i don't think it has it, unless im wrong ? Can you confirm @lwe ? If so, would there be a way to fix this issue using the gem ?

[ashok-v]

I added it to the end of the css file but it didnt solve the issue for me. Though I noticed that it is loading the svg file. How can we get the browser to use the svg file

[lwe]

@harrisrobin it has the SVG fonts as well: https://github.com/lwe/entypo-rails/tree/master/app/assets/fonts - so, when it is loading the SVG... I assume there's something else not working then

[harrisrobin]

So the issue is this : danielbruce/entypo#10

I think that you have to update your font-pack. Something to do with mapping and unicodes.. the fix for me is to download it from fontello. Would be nice to have a working gem without this issue !

[lwe]

Thanks for the tipp!

[harrisrobin]

Np! Let me know when its fixed and ill switch back to the gem :)

Harris