html – 如何正确地将自定义字体包含到离子项目中？

发布时间：2020-12-14 18:32:12 所属栏目：资源来源：网络整理

在我的项目中,它设置为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');
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!