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;
}
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;
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.