html - Font Awesome 显示方形而不是图标

标签 html css font-awesome bootstrap-4

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

谢谢

最佳答案

For <i> tags, put priority to use FontAwesome font-family

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

body i {
font-family:'FontAwesome'!important;
}
<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>

关于html - Font Awesome 显示方形而不是图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46040617/

相关文章:

Jquery ajax 不会删除以前的 div 样式

html - 覆盖 Font Awesome 图标白色背景图像

c# - 显示警报时获取警报内容

html - 如何为电子邮件格式化 html 表格

css - MVC5 在 A4 中打印多个局部 View

javascript - 如何使用 jQuery 获取点击的 div 的 CSS?

css - 使用 css 内容在 Font Awesome 中添加多个图标和空格

html - 如何堆叠社交图标

javascript - 当一个 div 使用 "relative"位置时,如何在我的 td 中删除 div 之后的空间?

javascript - 光滑的 slider 随机自动播放速度,适用于具有相同 slider 类别的更多 slider