Question

我正在尝试为基于离子的应用程序应用字体系列。它适用于桌面浏览器（chrome），但不适用于Android设备。

@font-face {
      font-family: 'VAG Round';
      font-style: normal;
      font-weight: 200;
      src: local('VAG Round'), local('VAGRound'), url('../lib/ionic/fonts/VAG Round.ttf') format('truetype');
    }
body{
  font-family: 'VAG Round';
}

我还在lib/ionic/fonts目录中复制了字体文件，但没有运气。

Answer 1

听起来像Content Security Policy个问题或whitelist plugin问题。要进一步追踪问题：添加

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">

到index.html 和

<allow-navigation href="*"/>
<access origin="*"/>

到config.xml

如果将它放在www目录中，

也可以查看here，这可能有助于您或线程中解释的其他方法。希望任何答案都能解决您的问题

字体不适用于离子/ phonegap应用程序

1 个答案: