文字图标的使用

获取素材

素材网址:https://icomoon.io/#home

文字图标的使用_第1张图片
进入点击.png

文字图标的使用_第2张图片
选择想要的素材,选好后点击.png

文字图标的使用_第3张图片
点击下载.png

文字图标的使用_第4张图片
下载下来的文件.png

导入工程
文字图标的使用_第5张图片
文件导入工程.png
使用

将下载下来的文件中的style.css打开复制图片中代码写入工程的css文件中


文字图标的使用_第6张图片
style.css.png
文字图标的使用_第7张图片
代码微调.png

打开文件中demo.html,复制指定位置


文字图标的使用_第8张图片
复制.png

将复制的东西 粘贴到你需要用的地方 当做文字使用就好


文字图标的使用_第9张图片
粘贴.png

在需要使用的标签css配置哪里设置font-family 可以按照文字标准设置颜色 大小等


文字图标的使用_第10张图片
font-family.png

最后显示效果 箭头


显示.png

你可能感兴趣的:(文字图标的使用)