字体超赞图标后更改字体系列

Question

我正在使用令人赞叹的字体图标构建网站，并且我注意到当我使用图标时字体家族会发生变化。

我已经在线阅读了有关伪元素的信息，但仍无法弄清。

在使用了字体超棒的图标之后，有什么方法（代码示例）可以用来继承网站中使用的相同字体系列？

非常感谢！

  <script src="https://use.fontawesome.com/cce2885033.js"></script>

<br><i class="fa fa-check"> If the athlete does not have time and has to eat 1 hour before the game, 70g are usually enough.</i><br>

Answer 1

Font-Awesome应用其自己的字体系列。像这样使用它：

bit pattern           interpreted as...
               signed byte    unsigned byte
11111101            -3             253
11111110            -2             254
11111111            -1             255
00000000             0               0  (wrap-around)
00000001             1               1 

或者在CSS中使用伪元素:: before在没有图标标签的情况下将真棒字体图标应用于文本的左侧（之前）：

<i class="fa fa-check"></i><p style="font-family:'yourfont';">TEXT</p>

Answer 2

您可以这样做，将多个字体名称设置为font-family属性：

i.fa {font-family: "FontAwesome", "Lobster", sans-serif}

<script src="https://use.fontawesome.com/cce2885033.js"></script>
 <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet"> 
 
<br><i class="fa fa-check"> If the athlete does not have time and has to eat 1 hour before the game, 70g are usually enough.</i><br>