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
- 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
Post a Comment