Question

我需要将font-family更改为我所拥有的DropDownList，在我更改font-family之前，图标是可见的。我选择的每个字体系列都不适用于图标，所以我总是看到一个正方形，我该如何解决？

由于

Answer 1

在<head>标记中包含字体真棒，例如<link rel="stylesheet" href="https://opensource.keycdn.com/fontawesome/4.7.0/font-awesome.min.css" integrity="sha384-dNpIIXE8U05kAbPhy3G1cz+yZmTzA6CY8Vg/u2L9xRnHjJiAK76m2BIEaSEV+/aU" crossorigin="anonymous">
使用完全相同的图标：，不多也不少，两者之间没有任何内容，不要将更改为或更改font-family { {1}}。如果你想更新颜色，样式，我建议添加新类并以这种方式更新。

Answer 2

对于代码，请优先使用FontAwesome font-family

＆＃13;

body * {
font-family:'tahoma'!important;
}

body i {
font-family:'FontAwesome'!important;
}

＆＃13;

<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<span class="fa fa-male"></span> <span>Male</span> 
<br>
<span class="fa fa-female"></span> <span>Female</span>
<hr>
<i class="fa fa-male"></i> <span>Male</span> 
<br>
<i class="fa fa-female"></i> <span>Female</span>

＆＃13;

Answer 3

它也可能是您正在使用的链接。有些图标来自较新版本，不适用于存储库的旧链接。

确保您使用的cdn是最新的。

Answer 4

我遇到了这个问题，并找到了导致某些图标归类为"brand icons"的图标的原因。

就我而言，真棒字体的“实心图标”可以很好地工作，但是我使用的所有“品牌图标”都呈现为矩形。我通过使用“所有”字体很棒的CSS文件解决了该问题：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" />

以及在使用过品牌图标的情况下，用fa替换类fab：

<i class="fab fa-youtube"></i>

希望这对某人有帮助！

Answer 5

请尝试www.yourwebsite.com。据我说，由于HTTP 因此您必须确保您的网站不受C-panel（HTTPS）的保护。

字体真棒显示方形而不是图标

5 个答案: