自学内容网 自学内容网

引入第三方字体图标icon

引入第三方字体图标icon

1.登录阿里巴巴icon库
在这里插入图片描述
2.点开ui提供的字体图标并下载
在这里插入图片描述
3.解压download 将font_4008950_i6fkbudh8ld文件放置项目中例如:放在assets文件夹下
在这里插入图片描述
4.然后再main.js中引入 import ‘@/assets/font_4008950_i6fkbudh8ld/iconfont.css’;
5.项目中应用
找到需要使用的图标点击复制代码

在这里插入图片描述
//复制内容如下:

 icon-sd_icon_piece_shijian  

项目中运用

<i class="iconfont icon-sd_icon_piece_shijian"></i>

原文地址:https://blog.csdn.net/weixin_47144417/article/details/142336243

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!