Font Awesome showing in the browser but not in any android device

Question

I have added font awesome to my ionic 1 app , I have created fonts folder and reference the style sheet in the HTML page ,

The icons showing in the browser but not showing in any android device.

Answer 1

You need to have the font file for FontAwesome, say fontawesome.ttf. Next, what you have to do is just include that file in your CSS file. Here I will assume that both the CSS file and the font file are located in the same directory.

@font-face {
  font-family: FontAwesome;
  src:         url(fontawesome.ttf);
}

Now you can use FontAwesome throughout your application or webpage by just setting the font-family property to FontAwesome whereever needed.