【发布时间】:2016-02-01 12:31:33
【问题描述】:
我在银行/金融中心有几个客户,在这些客户中,Font Awesome 生成的图标都没有显示在我们的 Web GUI 中。它似乎不是特定于浏览器的(Firefox 和 IE 上的问题相同)。我正在我们自己的服务器上加载 FA 文件(即不是来自 maxcdn.bootstrapcdn.com)。我使用的是 4.3.0 版。
服务器物理上位于客户端的数据中心,因此我认为存在某种安全问题。也许与 FA 的链接是“无协议”的问题?我在head标签中的链接:
<link href="_lib/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
我没有在 CSS 中编辑字体路径。它在我们自己环境中的服务器上以及在其他各种地方都可以正常工作。
大多数字体(位于 /fonts/)都有 .eot、.svg、.woff、.woff2 和 .ttf 版本。他们的浏览器控制台中没有关于丢失文件或任何内容的错误。 _lib/ 中的其他资源也可以正常工作(我也有 Highcharts、Bootstrap 等)。话说我觉得Glyphicon字体也有类似的问题……
我知道在不了解更多信息的情况下不会继续下去,但只是想知道是否有什么跳出来?
【问题讨论】:
-
是否所有文件都可以在浏览器中正确访问和加载?当您在您的一个客户端上查看 Google Chrome 中的“网络”标签时,是否有任何东西显示为红色?
-
我会检查的。我自己没有直接访问权限,这是通过我的同事,但我会问。塔。
-
这不是无协议 URL:这是相对于当前工作目录的 URL。
//_lib/font-awesome/css/font-awesome.min.css将是无协议版本。 -
服务器是否为这些文件设置了 mime 类型映射?某些服务器(例如某些版本的 IIS)默认情况下没有这些映射,您需要手动添加它们。
-
ajm 是对的,这不是无协议的 URL,它可能是 mime 类型的服务器问题。但是,在从一个猜测跳到另一个猜测之前,我建议您首先验证它是服务器、应用程序还是客户端问题,因为可能有很多选项会导致您的问题,如果您不想浪费时间可以轻松缩小问题范围。
标签: css fonts font-awesome glyphicons