在线引用font awesome字体图标

Posted 2020-08-16

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在线引用font awesome字体图标相关的知识，希望对你有一定的参考价值。

1.在html页面<head>标签里添加如下link链接

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

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

<i class="fa fa-quote-left"></i>

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

.fa{
    font-size: 20px;
    color: #2c3e50;    
}

以上是关于在线引用font awesome字体图标的主要内容，如果未能解决你的问题，请参考以下文章