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

Ionic - 自定义字体不加载

Ionic - Custom font doesn't load

android

webfonts

ionic-framework

ionic3