Vant 移动端 Vue 组件库怎么加入自定义ttf,woff,svg等字体

使用本地字体文件
Icon 组件默认引用有赞 CDN 提供的字体文件,并通过网络下载。如果需要在项目中使用本地字体文件,请引入下面的 CSS 文件,并在项目中配置 url-loader。

有照着它上面的字体做配置,引入ttf文件,也加了css样式,但是就没有效果,在network查看有引入cdn的图标文件,但是找不到我引入的图标文件

.van-icon-test:before {
  content: "\e905";
}

image.png

当块dom样式如下,依旧是没加载我配置的字体
image.png

官网就这样介绍,具体要怎么配置,有知道的吗?

阅读 2.6k
1 个回答

你查看你的 van-icon-test 这个元素。你看他的 font-family 指向的是谁。也有可能是权重不够之类的问题。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏