CODEWITHSUNDEEP
javascriptangularjshtmlionic-frameworkionic-view
Mohammed al-kahtani
Mohammed al-kahtani

Reputation: 65

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

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.

this is the files and code used

Upvotes: 3

Views: 1529

Answers (3)

JorgeMadson
JorgeMadson

Reputation: 158

For me the solution was:

Go to /bower_components/font_awesome/scss/variables

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

Upvotes: 0

Mohammed al-kahtani
Mohammed al-kahtani

Reputation: 65

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.

Upvotes: 1

Wais Kamal
Wais Kamal

Reputation: 6180

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.

Upvotes: 3

Related Questions