在线引用font awesome字体图标
程序员文章站
2022-03-19 11:05:16
...
1.在HTML页面标签里添加如下link链接
2.在页面中用标签加class类名方式呈现对应的iconfonts;
3.根据图标选择的不同,class中的也不同,选择要调用的图标,单击就会有相应的代码。想修改样式可以直接调用类名用改变字体的方法改变图标样式。
.fa{ font-size: 20px; color: #2c3e50; }
4.更多的图标:http://www.fontawesome.com.cn/faicons/#webapp-icons
上一篇: 用css画图形
下一篇: H5里图片中有缝隙应该如何解决
推荐阅读
-
Vue 第三方字体图标引入 Font Awesome的方法
-
Webpack打包字体font-awesome的方法示例
-
vue中引用阿里字体图标的方法
-
免费图标字体:一套圣诞节相关的图标字体 iconicon font图标字体字体图标
-
19套最新的免费图标字体集 icon font图标字体icon图标
-
学习WPF——使用Font-Awesome图标字体(一)
-
Vue2.x中利用@font-size引入字体图标报错的解决方法
-
在vue中更换字体,本地存储字体非引用在线字体库的方法
-
Vue 第三方字体图标引入 Font Awesome的方法
-
Font字体小图标应用_html/css_WEB-ITnose