Geek Answers Handbook

Awesome font does not work in Android browser.

I am using Font Awesome , which was designed for use with Twitter Bootsrap.

The Android browser (version 2.1) on the Galaxy S phone (model # GT-I9000M) does not display icons. It shows them as vertical rectangles, similar to what you see here:

enter image description here

Does anyone know a fix for this problem?

+8
android browser fonts icons font-awesome
source share
1 answer

The following is @ font-face support: http://caniuse.com/fontface

2.1 the browser simply does not support it, and it is not properly supported until 4.0. 2.2-3 partial support refers to the use of local() , which is not supported at all. The font will not work at all in the Android browser if you try to install local fonts or use it to force the user to upload your files (emoticon).

Edit: How do I know if a font (@ font-face) has already been downloaded? You can use this jQuery plugin to determine if Font-Awesome is loaded. If it doesn't (due to a bad font file or due to lack of support from the phone), you can add a class that adds a background image (icon) in div / span / whatever (there cannot be an <i> ) to which the icon was applied.

Here you can see the demo.

+8
source share

More articles:


All Articles