sass 使用 @font-face 引入 web 字体报错

发布于 2022-09-04 15:37:11 字数 268 浏览 9 评论 0

图片描述

_icon.scss 里面的代码是我在 icomoon 中自己通过上传的图标自动生成的

我觉得应该是路径问题,但是我路径没有写错啊

在提问前已经 google 了但是没找到相关的答案,望大家有空可以帮忙看下问题的出错原因在哪,非常感谢

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

你怎么这么可爱啊 2022-09-11 15:37:11

确实是文件路径的问题,iconmoon自己生成的css文件中使用的是给demo.html(压缩包的示例html)相对路径。
而在你的项目中需要改成编译(webpack或者其他编译工具)文件能够获取到的文件路径。可以把'../'替换成'./common'或者'./src/common'之类的试试,或者其他的路径多试几次。

似最初 2022-09-11 15:37:11

你那解决了吗

转瞬即逝 2022-09-11 15:37:11

样式文件中引用字体的路径问题

澜川若宁 2022-09-11 15:37:11

我和你做的是同一件事情,我也是在慕课网里面看到的,然后自己动手写,用sass,发现引入字体后再进行编译会报错,然后我又改用less和stylus,发现这两个都可以使用,运行都很正常,但是就偏偏sass不行。能详细分享一下你解决这个问题的方法吗?

寒江雪… 2022-09-11 15:37:11

楼主是怎么解决的 能详细分享一下你解决这个问题的方法吗?

风吹过旳痕迹 2022-09-11 15:37:11

各位,url不换行试一下。
图片描述

(怎么还给忽略了呢)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文