【问题标题】:icon not showing at live server图标未显示在实时服务器上
【发布时间】:2017-10-05 01:17:31
【问题描述】:

我正在使用来自 fontawesome 的图标资源。我的所有图标都没有显示。我检查了图标的源链接,它与我的本地链接相同。我在本地工作但在实时服务器上的图标不起作用。我的问题有什么解决办法吗?

【问题讨论】:

  • 我猜是路径问题 - 实时服务器的 url 是什么?
  • 直播服务器的url我已经关注了服务器url

标签: php css icons


【解决方案1】:

很可能是 CORS(跨源请求)问题。

如果您的网站是通过 https 加载的,并且来自 fontawesome 的字体文件通过 http 调用(或相反,或从子域),它将不会加载字体,因此,不会加载图标。

最快的测试方法是使用 CDN 加载 fontawesome 字体并在 devtools 控制台中查找资源选项卡。

由于资源中不存在跨域标头,控制台还应显示有关未加载字体的警告。

【讨论】:

  • 对不起,我担心我不了解 CORS。我应该怎么知道。以及如何使用 devtools 控制台检查它?我很新,不好意思问了这么多
  • 如果您使用的是 chrome,只需按 F12 并重新加载页面,它将在底部显示渲染页面的 html 源代码和一些警告。 CORS 基本上意味着你不能使用来自其他地方的“不安全”的东西。所以它认为你的网站和你要去掉字体的网站是不一样的。正如我所说,尝试使用 CDN 加载 fontawesome,它应该可以工作。
  • 我查看控制台,它有一个警告 jquery-1.11.1.js:9592 [弃用] 主线程上的同步 XMLHttpRequest 已被弃用,因为它对最终用户的体验产生不利影响。如需更多帮助,请查看xhr.spec.whatwg.org
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-08-04
  • 2020-06-04
  • 2015-09-04
  • 2015-12-16
  • 2016-04-06
  • 2021-12-26
  • 1970-01-01
相关资源
最近更新 更多