iconfont的使用教程(浏览器中的特殊字体)
第一步:打开iconfont官网:(阿里妈妈旗下)
https://www.iconfont.cn/
第二步:挑选需要的字体
点击添加入库
第三部:打开右上角的购物车(出现窗口,点击下载代码)
第四部,下载完成后解压:
第五步:打开文件demo_index.html
网站打开后有详细的使用教程
第六步:引入下载的字体:
1:新建项目:
2.将解压得到文件夹所选项目复制到Demo文件夹中
3.新建CSS文件将官方教程中的代码写入
将font-size引入到CSS文件中
4. 创建.iconfont类样式:
样式引入到CSS中
5.创建标签,加入样式,引入字体:
1.创建标签:
2.将官网中的unicode码赋值到文件中
引入unicode码和css文件
3.Alt + F2 运行项目
我们的字体就可以在正常展示啦!
另外字体还可以修改颜色哦: