Vue中在入在线iconfont字体图标链接

首先如下图所示,你先登录阿里矢量字体图标库网站创建自己的项目。具体如何创建就不说了,自己琢磨琢磨,其实也不需要琢磨,哈哈哈!

Vue中在入在线iconfont字体图标链接_第1张图片

下面介绍如何在线引入

    1. 在自己项目文件下创建iconfont.css
     //  引入图中所示在线链接
    2. 在iconfont.css中通过@import引入 '//at.alicdn.com/t/font_1924638_0oo76o9mkb1.css '  
    3. 在main.js中全局引入iconfont.css这个css文件

Vue中在入在线iconfont字体图标链接_第2张图片
Vue中在入在线iconfont字体图标链接_第3张图片

注意:我也是试过直接引入这个链接在main.js中的,但是会出现依赖没有安装的问题,这样引入在线链接可以更好的维护以及避免直接引用出现依赖报错的问题。

你可能感兴趣的:(Vue学习,javascript,vue.js)