CODEWITHSUNDEEP
androidcsswebfonts
user8081044
user8081044

Reputation:

Font family not showing on android device

I am using this "Century Gothic" font in my ionic1 app but this font is displaying in browser but not in android device.Please help!!! I tried this:

@font-face {
  font-family: "Century Gothic";
  src: url("../fonts/gothic.eot");
  src: url("../fonts/gothic.eot") format("embedded-opentype"), 
url("../fonts/gothic.ttf") format("truetype"), url("../fonts/gothic.woff") 
format("woff"), url("../fonts/gothic.woff") format("woff"), 
url("../fonts/gothic.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

  p {
  font-family: 'Century Gothic' !important;
  }

Upvotes: 0

Views: 1632

Answers (1)

user8081044
user8081044

Reputation:

add this code in ionic.css

@font-face {
  font-family: "Century Gothic";
src: url("../fonts/gothic.eot");
  src: url("../fonts/gothic.eot") format("embedded-opentype"), 
url("../fonts/gothic.ttf") format("truetype"), url("../fonts/gothic.woff") 
format("woff"), url("../fonts/gothic.woff") format("woff"), 
url("../fonts/gothic.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

and then this to style.css

 body {
  font-family: 'Century Gothic' !important;
  }

Upvotes: 1

Related Questions