Question

我最近升级到了真棒字体图标5.1.0。但是现在将图标放入CSS内容的“ \ f”方法不再有效。

例如：

.fc .fc-toolbar .fc-prev-button .ui-icon-circle-triangle-w:before {
    content: "\f00c";
}

有没有办法解决这个问题？

Answer 1

您正在尝试使用伪元素（CSS选择器的:before部分）并将这些伪元素的内容设置为\f00c所指示的unicode值。

伪元素 do 在Font Awesome 5.1.0中仍然有效。您需要为这些元素设置正确的CSS属性，例如font-family和font-weight。

并且，如果您将SVG与JavaScript方法一起使用，则必须配置Font Awesome才能启用伪元素支持。对于具有CSS方法的Web字体，伪元素支持始终是固有可用的。

有多种可能性，具体取决于您使用的是哪种方法以及您使用的是Free还是Pro。但是，这是将Web字体与CSS（免费）结合使用的示例：

.fc .fc-toolbar .fc-prev-button .ui-icon-circle-triangle-w:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

如果您将SVG与JavaScript结合使用，请确保您的<script>标签加载了Font Awesome，并包含data-search-pseudo-elements属性：

<script data-search-pseudo-elements ... >

有关如何使用5.1.0中的伪元素，另请参见documentation here。

字体真棒图标不再适用于“ \ f”内容值

1 个答案: