1.把所需图标添加至购物车

2.点击添加至项目，创建项目并命名。

iconfont的使用方式有三种：unicode，font class，Symbol。
这里使用font class。每一个图标下面都有一个类名。

点击查看在线链接生成在线链接。

这样后面继续添加图标的时候只需更新在线链接即可，再把项目中原有的链接替换。
在public/index.html中引入此链接，并且在链接前面要加上https:

注意点：

小程序中无法引入在线链接。

解决办法：

1-浏览器打开此链接，全选复制网页内容。
2-在项目合适的地方新建iconfont.wxss文件
3-把第一步复制的东西粘贴到iconfont.wxss里
4-在app.wxss里全局引入iconfont.wxss即可

iconfont.wxss文件引入方式：
在app.wxss里写入：

@import "路径";

标签默认高度设置成100%

page {height:100%
}

使用图标：

<text class="iconfont icon-meirituijian"></text>

icon-meirituijian:为所用图标的类名

iconfont图标使用方法相关推荐

添加新的iconfont图标的方法（看了就会）
一.用Unicode引入新iconfont图标 Unicode方法引入只需要保留下载的.tff.woff.woff2等字体文件,其他文件都是无关的 1.将阿里给的@font-face{-}复制到你项目 ...
iconfont图标引入方法
iconfont图标引入方法图标库链接阿里巴巴矢量图标库链接: [https://www.iconfont.cn/](https://www.iconfont.cn/). 使用方式引入方式添加 ...
矢量图标库如何引入html,阿里巴巴矢量图标库 iconfont 的使用方法
做设计的应该会知道"阿里巴巴矢量图标库"这个网站,你可以上传自己设计的图标,也可以下载别人分享的图标. 作为前端,我们也可以更好的利用它,实现网站图标的美化. 首先找到你需要的图标 ...
Html 使用svg图标、iconfont的使用方法
iconfont的使用方法_cocytus-CSDN博客_iconfont使用方法 iconfont的使用方法 HTML5如何使用SVG - 知乎 HTML5如何使用SVG_聚风阁-CSDN博客_ ...
vantUI 自定义引入iconfont图标（3种风格）- 案例篇
文章目录 vantUI 自定义引入iconfont图标(3种方法:含案例截图) 效果图 · 对比: 重要代码`(3种代码格式)`: 全局引入 · 代码: 项目文档 · 目录结构本地document文 ...
icon-font 图标字体的使用
icon-font 图标字体的使用, 方法一:可以在icomoon下载相应的图表字体,官网为:https://icomoon.io/ 进去会提供600+的免费图表,如果想要更多的图表字体可选择Icon ...
如何在uni-app中引入iconfont图标
如何在uni-app中引入iconfont图标 step1 在iconfont中找到你要的图标,这里和vue其他地方引用的步骤一致,如果是第一次使用iconfont请自行百度使用方法,因为我一直使用的 ...
vue-cli通过symbol引用阿里iconfont图标
官方文档中已经说明symbol引用方式有以下特点: 支持多色图标了,不再受单色限制. 通过一些技巧,支持像字体那样,通过font-size,color来调整样式兼容性较差,支持 ie9+,及现代浏览 ...
iconfont怎么引入html,Web页面中引用iconfont图标
阿里妈妈出品的 iconfont 是一个矢量图标管理.交流平台,支持矢量图.位图等格式下载,并提供便捷的前端项目植入引用方法,是当前Web开发中主流的icon解决方案. 想要在前端页面中引入图标,一个 ...
vue项目引入彩色iconfont图标
做项目的时候经常会使用到iconfont图标库,在项目开始的时候提前想好需要什么图标,最好是多下载几个可替换的同类型图标,宁滥勿缺(别问,问就是得到了教训),无色的还是彩色的,这点很重要. 首先了解一 ...

iconfont图标使用方法

1.把所需图标添加至购物车

2.点击添加至项目，创建项目并命名。

注意点：

iconfont图标使用方法相关推荐

最新文章

热门文章