【问题标题】:FontAwesome icons not showing, why?FontAwesome 图标不显示,为什么?
【发布时间】:2021-07-25 17:11:54
【问题描述】:

无论我尝试什么,每次我想将 FontAwesome 安装到任何项目中时,它都不起作用,我必须尝试好几个小时才能弄清楚为什么不这样做。这里出了什么问题?我已将csswebfonts 目录放入名为fontawesome 的同一目录中。我已经链接到这些文件,并且我确实尝试了我能想到的一切:

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

没有显示图标,甚至没有“缺少图标”方块。这里打开的文件是index.php,直接位于admin目录内(不是子目录)。

我在这里错过了什么?

【问题讨论】:

    标签: installation font-awesome


    【解决方案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>

    【讨论】:

    • 谢谢,这行得通!有什么区别?
    • 其实你下载的cdn代码不正确。如果这消除了您的疑问,那么请上载此内容,以便对其他人也有用
    猜你喜欢
    • 1970-01-01
    • 2014-09-15
    • 1970-01-01
    • 2016-04-11
    • 2017-07-20
    • 2017-06-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多