Ionic - 自定义字体无法加载

Question

我试图在我的Ionic应用程序中使用Candara字体（v3.19）。在本地浏览器上它可以工作，但在Android Oreo设备上我用它进行测试不起作用。

我在src / assets / font下包含了字体文件，例如

我已将@ font-face变量添加到＆＃39; variables.scss＆＃39;：

$font-path: "../assets/fonts";

当我构建时，我至少可以看到woff文件出现在Android平台文件夹下的fonts文件夹中，例如：

通过Chrome开发者工具，我可以看到字体似乎没有复制到构建中，因为我能看到的唯一字体是默认的roboto字体：

任何想法我可能在这里做错了吗？

Answer 1

我认为我的字面声明很狡猾。我添加了一些新的文件类型，然后将我的font-face更改为此，它开始工作：

@font-face {
  font-family: 'candara';
  src: url($font-path + '/candara.eot');
  src: url($font-path + '/candara.eot') format('embedded-opentype'),
       url($font-path + '/candara.woff2') format('woff2'),
       url($font-path + '/candara.woff') format('woff'),
       url($font-path + '/candara.ttf') format('truetype'),
       url($font-path + '/candara.svg') format('svg');
  font-weight: 400;
  font-style: normal;
}