Font Awesome 5，为什么CSS内容没有显示？

大佬教程收集整理的这篇文章主要介绍了Font Awesome 5，为什么CSS内容没有显示？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决Font Awesome 5，为什么CSS内容没有显示？？@H_673_1@ 开发过程中遇到Font Awesome 5，为什么CSS内容没有显示？的问题如何解决？下面主要结合日常开发的经验，给出你关于Font Awesome 5，为什么CSS内容没有显示？的解决方法建议，希望对你解决Font Awesome 5，为什么CSS内容没有显示？有所启发或帮助；

如果您使用的是 阅读以下内容：Font Awesome 5在使用Js +SVG版本时显示为空正方形

首先，您只需使用以下命令在head标签中包含Font Awesome 5的CSS文件：

<link rel="stylesheet" href="https://use.Fontawesome.com/releases/v5.13.0/CSS/all.CSS">

或在CSS文件中：

@import url("https://use.Fontawesome.com/releases/v5.13.0/CSS/all.CSS")

然后，您需要更正 及其 如下所示：

@import url("https://use.Fontawesome.com/releases/v5.13.0/CSS/all.CSS");



.fp-prev:before {

    color:#000;

    content: '\f35a'; /* You should use \ and not /*/

    Font-family: "Font Awesome 5 Free"; /* This is the correct Font-family*/

    Font-style: normal;

    Font-weight: normal;

    text-decoration: inherit;

}


<i class="fp-prev"></i>

在某些情况下，您还必须添加

Font-weight:900

此处有更多详细信息：伪元素上的Font Awesome5显示方形而不是图标

注意：Font Awesome 5 Font-family为每个图标包提供4种不同的颜色：

Font Awesome 5 Free 免费图标。

Font Awesome 5 Brands 适用于Facebook，Twitter等品牌图标。

@import url("https://use.Fontawesome.com/releases/v5.13.0/CSS/all.CSS");



.fp-prev:before {

  color: #000;

  content: "\f099";

  Font-family: "Font Awesome 5 Brands";

  Font-style: normal;

  Font-weight: normal;

  text-decoration: inherit;

}


<i class="fp-prev"></i>

Font Awesome 5 Pro对于字体真棒临

Font Awesome 5 Duotone 还包含在Pro软件包中。

解决方法@H_673_1@

我正在尝试在CSS的内容中使用FontAwesome。

它与图标而不是图标的代码一起显示。我已关注在线帮助，但仍然无法正常工作

css
  @font-face {
  font-family: 'FontAwesome';
  src: url('https://use.fontawesome.com/releases/v5.0.6/css/all.css'); 
}


.fp-prev:before {
    color:#fff;
    content: '/f35a';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
}

大佬总结

以上是大佬教程为你收集整理的Font Awesome 5，为什么CSS内容没有显示？全部内容，希望文章能够帮你解决Font Awesome 5，为什么CSS内容没有显示？所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。