Question

我正在使用这个＆＃34; Century Gothic＆＃34;我的ionic1应用程序中的字体，但此字体显示在浏览器中，但不在Android设备中。请帮助！我试过这个：

@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;
  }

Answer 1

在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; }

然后再到style.css

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

字体系列未在Android设备

1 个答案: