css - FontAwesome Firefox issues with certain fonts -


see screenshot: http://awesomescreenshot.com/0242jcea3a

certain fontawesome icons don't display in firefox @ all, others do. name few of ones don't load:

  • youtube
  • vimeo
  • instagram
  • video play button

we using latest cdn version (//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css). running firefox 28. html page charset utf-8 also.

no idea what's causing this, it's annoying bug, when works fine in chrome , safari etc.

i've tried loading font locally instead of on cdn, , unfortunately didn't fix issue. i've tried below htaccess code:

<filesmatch ".(ttf|otf|woff)$">     header set access-control-allow-origin "*" </filesmatch> 

there no security/console errors showing in firefox either?

any appreciated :)

maybe base64 encoding you're looking for. font awesome doesn't offer feature.. can try icomoon app ( http://icomoon[dot]io/ ).

firefox 27.0 mac os x 10.8 screenshoot http://api[dot]browsershots[dot]org/png/original/93/932ccfb4f1b4dd3672f04607b4816b4a[dot]png

firefox 27.0 windows 7 screenshoot http://api[dot]browsershots[dot]org/png/original/ae/ae10896d922a40c773f0fb59b325c4c9[dot]png

jsfiddle: http://jsfiddle[dot]net/hiru/79bym/
encode on icomoon app: http://sosweetcreative[dot]com/wp-content/uploads/blogimg-base64-iconmoon[dot]jpg
source: http://sosweetcreative[dot]com/2613/font-face-and-base64-data-uri


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -