网页字体图标用法

前言

1、接下来介绍引用图标都是免费的，可以放心食用。
2、标签可以自己设计，用css、svg画图或者引用图片都可以。但我们设计的很难超过专业人员的设计。引用图片的画，首先考虑大小，其次图片的一些变化很受限制。
3、以此网页为例iconfont-阿里巴巴矢量图标库，这个也是比较常用的图标库
4、CSS ICON – project by Wenting Zhang这个网页也有一些图标，里面有代码，可以直接抄下来

引用流程

1、打开网页

iconfont-阿里巴巴矢量图标库

可能需要登陆注册，就注册一下

2、选择自己喜欢的图标加入购物车

随便打开一个内容

选择几个自己需要的标签加入购物车
然后打开购物车

3、下载图标

点击添加至项目
加入到文件夹中，点击确认

就自动转到这个页面，这里就是自己添加的图标

我们下载到本地，解压设置保存路径这就不用多说了

解压完之后的文件夹

打开里面的html文件里面就有使用方法

4、引用

把路径放在html文件图一路径，这个无所谓，这样方便引用

我们先打开图标文件先看一下格式

引用

我们还可以自己更改一下属性，就把它当成字体一样设置即可，都知道的css的规则，就是最近的起决定性作用，所以我们就在这个页面重新写一下css属性