【问题标题】:Font Awesome icons not displaying on the VPN字体真棒图标未显示在 VPN 上
【发布时间】:2021-05-27 11:27:47
【问题描述】:

我刚刚注意到当用户通过 VPN 访问我的网站时,Font-Awesome 图标没有显示。

如果他们在现场访问该网站,则一切正常且运行良好。

其他 JQuery 和 Bootstrap CDN 不会出现同样的问题,即使它们在同一页面上并通过 VPN 访问。仅 Font-Awesome css 会出现此问题。我尝试过使用 Javascript 和 CSS 版本,但都给了我同样的错误。它也发生在所有浏览器上。

我的 VPN 将链接更改为

<link href="https://portal.mysite.ac.uk/ui/1.11.4/themes/ui-lightness/,DanaInfo=code.jquery.com,CT=css+jquery-ui.css" rel="stylesheet" type="text/css" />

<link href="https://portal.mysite.ac.uk/,DanaInfo=use.fontawesome.com,SSL+4b650a8101.css" rel="stylesheet">

它在浏览器中显示如下错误:

所以,如果你们遇到过这种问题,请告诉我如何解决它?

这是我的 FA 使用示例:

<a title="View Application" class="fa fa-folder-open-o" href="/Application/AssessmentDetail/,DanaInfo=sea+10040"></a>

如果 FontAwesome 加载失败,有没有办法显示“标题”?

【问题讨论】:

  • 您为什么不简单地在本地托管它们而不是通过 CDN 托管?这样,如果他们可以开始加载您的网站,他们就可以加载您网站上托管的任何其他文件。
  • 是的,如果没有其他选择,我还不如在现场托管。

标签: css font-awesome


【解决方案1】:

我遇到了同样的问题。我必须做的是连接到支持端口转发的位置。一旦我这样做了,所有图标都开始工作了。

【讨论】: