html - 从 css 添加很棒的字体

Question

我在我的 html 中添加了很棒的字体，但我只是想如果我通过 css 添加它会更好，否则如果我想在多个标签中添加它，我将不得不添加每个标签，如我的 html 代码所示:

<ul>
    <li><strong><p>SERVICES</p></strong></li>
    <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i> Financial</a></li>
    <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i> Medical</a></li>
    <li><a href="#"><i class="fa fa-caret-right" aria-hidden="true"></i> Insurance</a></li>   
</ul>

如何从我的样式表中添加这些图标？

Answer 1

您可以通过在 CSS 中插入 FontAwesome 图标 content 属性来做到这一点。

例如:

a:before { 
    font-family: FontAwesome;
    content: "\f095";
}

DEMO

如果你不知道如何获取图标内容，你可以从这里复制:

LINK

然后你可以将这个图标分配给特定的 a 标签，考虑使用 a class 来让它更具体:

a.class_name:before { 
    font-family: FontAwesome;
    content: "\f095";
}