美文网首页工作生活
Vue项目中使用Iconfont字体图标

Vue项目中使用Iconfont字体图标

作者: 小王子__ | 来源:发表于2019-07-03 10:50 被阅读0次

    1, 进入网站:Iconfont网址:http://www.iconfont.cn
    2.,点击网站上方的“官方图标库”,选择自己喜欢的图标,并加入购物车
    3,图标全部选择完成后,点击右上方的购物车,选择添加至项目,如果没登录http://www.iconfont.cn的话 会让你先登录(我选择github登录的),登录之后点击添加至项目-新建项目-确定
    4,确定之后会到这个界面:

    微信截图_20190703104436.png
    有三种方式引入,我选择的简单的方式也就是第二个Font class方式
    点击查看在线链接,会生成一个链接:
    微信截图_20190703104738.png
    复制链接到你的vue项目 找到index.html link引入即可
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1273625_e3o6far0cre.css">
    使用的时候:
    <i class="icon iconfont icon-aixin"></i>

    相关文章

      网友评论

        本文标题:Vue项目中使用Iconfont字体图标

        本文链接:https://www.haomeiwen.com/subject/xjzfhctx.html