在我的项目中,它设置为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'); }
原文地址:https://www.jb51.cc/html/226044.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。