FontAwesome 图标不显示,为什么?

时间:2021-07-25 17:11:54

标签: installation font-awesome

无论我尝试什么,每次我想将 FontAwesome 安装到任何项目中时,它都不起作用,我必须花很多时间尝试找出为什么不这样做。这里出了什么问题?我已将 csswebfonts 目录放入名为 fontawesome 的同一目录中。我已经链接到这些文件,我真的尝试了我能想到的一切:

  • 带点的网址,
  • 没有点的网址,
  • 没有第一个斜线,
  • 带第一个斜线,
  • HTML 文件,
  • PHP 文件,
  • 更改 all.css 中的 URL(同上)以指向正确的路径...

没有图标显示,甚至没有“丢失的图标”方块。此处打开的文件是 index.php,它直接位于 admin 目录中(不在子目录中)。

我在这里遗漏了什么?

enter image description here

1 个答案:

答案 0 :(得分:1)

使用此 cdn 链接并删除所有其他 fontawasome cdn 链接

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">

例如:

    <html>
    
    <head>
      <title>Demo</title>
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
    </head>
      <i class="fa fa-address-book" aria-hidden="true"></i>
    </html>

相关问题