android - Ionic - 自定义字体不加载

Question

我正在尝试在我的 Ionic 应用程序 (v3.19) 中使用 Candara 字体。在本地浏览器上它可以工作，但在我正在测试的 Android Oreo 设备上它不工作。

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

我已将 @font-face 变量添加到“variables.scss”:

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

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

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

知道我在这里做错了什么吗？

Answer 1

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

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