Question

我有一个模拟网站模板，完全只使用位于here的HTML5和CSS3。

然后我使用CSS webfont选项开始使用Font Awesome 5（与使用JS版本的SVG一样）。

我使用 Lorem ipsum dolor sit amet,找到了一个巧妙的技巧，而不是使用和<h1>标签。

其中呈现here。

如何更改默认字体？

P.S。 span {font-family: “Font”, sans-serif;}不起作用。

P.P.S。 .fa-border {font-family: “Font”, sans-serif;}也不起作用。

Answer 1

这是因为您在span中使用了.fas类，其中包含font-family Font Awesome。

因此，我建议您将图标包含在标记中，然后将字体应用于。对于边框，请将fa-border类应用于

Stack Snippet

＆＃13;

span {
  font-family: Verdana;
}

＆＃13;

<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
<span class="fa-border"><i class="fas fa-hashtag"></i>Lorem ipsum dolor sit amet,</span>

＆＃13;

Answer 2

您在标题中添加了Font-Awesome。但由于它只包含一个无法渲染的字形，所以它被浏览器默认替换。

尝试定位：之前的元素

.fa, .far, .fas {
  font-family: "Roboto"; // or any font you wish to use
}

.fa:before, .far:before, .fas:before {
  font-family: "Font Awesome\ 5 Free";
}

如何更改fa-border中的文本字体？

2 个答案: