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.

Answer 2

Issue solved, please follow this link Use Font Awesome Glyph Icons With Ionic Framework

, to get bigger size icons you need to add this line to your CSS file

font-size: 25px !important;

Thank you everyone for your support.

Answer 3

For me the solution was:

Go to /bower_components/font_awesome/scss/variables

change $fa-font-path to $fa-font-path: "../assets/fonts" !default;