一.首先下载好的iconfont.js放到目录下
image.png
ying
二.引入css 文件
在同级目录下创建一个css文件
image.png
输入代码
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
在main.js导入
import './assets/iconfont/iconfont.js'
import './assets/iconfont/icon.css'
这样就可以使用了!
<span class="svg-container">
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-seeuser"></use>
</svg>
</span>
xlink:href后的用户名在lconfont官网可以看到->右键icon复制代码即可
效果如下
image.png
一.首先下载好的iconfont.js放到目录下 ying二.引入css 文件在同级目录下创建一个css文件 输入...
iconfont symbol对比svg-sprite-loader iconfont symbol在SVG使用上...
A我今天学习到了的 iconfont的使用 图标管理我的项目 添加入库 font-class引用 symbol引用
iconfontのsymbol的使用 iconfont三种方式的优缺点 unicode优点： 1.兼容性最好，支持...
1、demo 测试效果 2、在vue项目中引用 2.1 引入iconfont文件下面生成的 symbol 代码 i...
此文演示如何在小程序上使用iconfont字体图标。 使用说明 登录阿里巴巴iconfont.cn wxml中使用...
此文演示如何在小程序上使用iconfont字体图标。 使用说明 登录阿里巴巴iconfont.cn wxml中使用...
此文演示如何在小程序上使用iconfont字体图标。 使用说明 登录阿里巴巴iconfont.cn wxml中使用...
此文演示如何在小程序上使用iconfont字体图标。 使用说明 登录阿里巴巴iconfont.cn wxml中使用...
此文演示如何在小程序上使用iconfont字体图标。 使用说明 登录阿里巴巴iconfont.cn wxml中使用...
本文标题：iconfont的symbol引用方式如何在vue-cli中使用
本文链接：https://www.haomeiwen.com/subject/fgoryqtx.html
网友评论