首页 > web前端 > html教程 > 在线引用font awesome字体图标

在线引用font awesome字体图标

高洛峰
发布: 2016-11-01 13:22:11
原创
2266 人浏览过

1.在HTML页面

标签里添加如下link链接
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
登录后复制

2.在页面中用标签加class类名方式呈现对应的iconfonts;

<i class="fa fa-quote-left"></i>
登录后复制

3.根据图标选择的不同,class中的也不同,选择要调用的图标,单击就会有相应的代码。想修改样式可以直接调用类名用改变字体的方法改变图标样式。

.fa{
    font-size: 20px;
    color: #2c3e50;    
}
登录后复制

4.更多的图标:http://www.fontawesome.com.cn/faicons/#webapp-icons

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板