uniapp如何引入字体图标iconfont

1,316 阅读1分钟

uniapp如何引入字体图标iconfont



1.第一步,一样下载,把iconfont.css和iconfont.ttf拉取到common文件夹

2.第二部,把iconfont.css中的红色的替换


替换如下:

@font-face {font-family: "iconfont";

/**这个就是放入到common的下ttf文件**/

src: url('~@/common/iconfont.ttf');

}
 

3. 第三步** **,在App.vue中引入iconfont.css

@import url('./common/iconfont.css');



4. 第四步** **,一样使用

<view class='iconfont icon-kefu'></view>

 

5. 第五步** **,显示不出图片,重启下项目就好了

我的原文,可以点击进去看看