【问题标题】:Font-Awesome is not loading Edge & IEFont-Awesome 没有加载 Edge 和 IE
【发布时间】:2022-01-20 15:56:02
【问题描述】:

我正在尝试使用netdna.bootstrapcdn.com。它在 Firefox 和 Chrome 中运行良好,但无法在 IE - 11 或 Edge 中加载。

像这样导入 CSS 库:

<link rel="stylesheet" type="text/css" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" />

浏览器控制台中抛出的错误是:

甚至尝试复制/下载 CSS 文本并粘贴到自定义文件中并导入相同的文件,然后它会在所有浏览器中中断。

【问题讨论】:

  • 您是否尝试过使用 HTTPS - href="https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css"
  • 试试这样:&lt;link rel="stylesheet" type="text/css" href="https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" /&gt;
  • @kiner_shah 试过这个,但没有用。谢谢。
  • @tolik518 试过这个,但没有用。谢谢。
  • 不工作是什么意思?控制台会抛出任何错误吗?请编辑帖子并包含您尝试过的内容以及遇到的错误。

标签: html css bootstrap-4 netdna-api


【解决方案1】:

由于 URL 引用错误,您会收到此错误。在下面的示例中,Font-Awesome 库的href 属性已被编辑。

<link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" />

<i class="fa fa-adjust" aria-hidden="true"></i>

【讨论】:

    【解决方案2】:

    我不确切知道您是如何设置的 - 例如,当您进行“直接”测试并在所有浏览器上出现错误时,无论您是否有文档类型,诸如此类。

    但是,基本问题似乎在于 URL 语法。仅在开始时 // 边缘(至少在我的 Windows 10 系统上)未能找到文件 - 经过合理的暂停。添加 https:edge 很开心,找到了文件。

    这个 sn-p 似乎工作正常:

    <!doctype html>
    <html>
    
    <head>
      <link rel="stylesheet" type="text/css" href="https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css">
    </head>
    
    <body>
    </body>
    
    </html>

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-06-05
      • 1970-01-01
      • 2017-12-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-07-23
      • 2021-10-13
      相关资源
      最近更新 更多