html - 如何正确地将自定义字体包含到 ionic 项目中？

在我的项目中，它被设置为 scss->css 编译。而且我无法从 scss 文件夹中获取我的自定义字体。
这是我的文件夹结构，可以使您更好地理解。

| scss/
  |-- basics/
    |--_fonts.scss
  |-- fonts/
    |-- lineto-circular-book.woff
    |-- lineto-circular-medium.woff
| www
  |-- lib/
    |-- ionic/
      |-- css/
      |-- fonts/

这就是 _fonts.scss 的样子:

@charset "UTF-8";

@font-face {
  font-family: 'Circular-Medium';
  src: url('fonts/lineto-circular-medium.woff');
}

@font-face {
  font-family: 'Circular-Medium-Book';
  src: url('fonts/lineto-circular-book.woff');
}

我正在获取未找到状态。我怎么解决这个问题？

最佳答案

首先，将 fonts/文件夹移动到 www/文件夹中，看起来像这样。

| scss/
  |-- basics/
    |--_fonts.scss
| www
  |-- fonts/
    |-- lineto-circular-book.woff
    |-- lineto-circular-medium.woff

然后，如果您不缩小资源，那么路径可能会偏离一级。这应该修复引用。

@font-face {
    font-family: 'Circular-Medium';
    src: url('../fonts/lineto-circular-medium.woff');
}

@font-face {
    font-family: 'Circular-Medium-Book';
    src: url('../fonts/lineto-circular-book.woff');
}

关于html - 如何正确地将自定义字体包含到 ionic 项目中？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36479495/