代码之家 › 专栏 › 技术社区 › Troncoso

Font Awesome 5“solid”方形渲染而不是“regular”[复制]

font-awesome-5 font-awesome css

1

Troncoso · 技术社区 · 6 年前

Font Awesome 5 Free , Font Awesome 5 Solid , Font Awesome 5 Brands Font Awesome 5 Regular

以下是HTML:

<h1>Hello</h1>

我使用这个图标: https://fontawesome.com/icons/twitter?style=brands

brands 图标,所以字体系列: Font Awesome 5个品牌

h1:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f099"; /* TWITTER ICON */
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
}

案例2

https://fontawesome.com/icons/phone?style=solid

如你所见,它是一个 solid 图标,所以字体系列: 字体Awesome 5纯色

h1:before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\f095"; /* PHONE ICON */
  font-family: "Font Awesome 5 Solid";
  font-weight: 900;
}

不管用!

我做错什么了?

我们如何知道何时使用正确的字体系列?

0 回复 | 直到 4 年前