前端学习笔记1：字体图标的下载与使用

前端学习笔记1：字体图标的下载与使用

1、打开下载地址：https://www.iconfont.cn/

2、将想要下载使用的图标依次加入购物车。

3、全部加入购物车以后，点击右上角购物车图标，在弹出的右边栏选择添加至项目。（没有项目可以点击添加至项目，然后创建项目）。

4、将图标文件下载到本地

5、将解压后的文件夹名称改为iconfont（如图）。

6、将该文件夹直接放入项目根目录下（即与主要html页面统计目录）。

7、在html文件中引入字体图标样式

8、在需要插入字体图标的标签中，设置两个类名：

第一个固定的类名：iconfont（主要是为了声明iconfont/iconfont.css 中iconfont的属性：font-family: “iconfont” !important;）
第二个，需要打开刚才图标的网页，复制想要图标下边的类名（如图）：


9、想要修改字体图标的属性，需要（必须）通过类名修改。