HTTPS (SSL) IE9 - FontAwesome 無法正確顯示,只顯示正方形.|阿帕奇雄猫



我正在运行一个 apache tomcat 服务器,并且我的本地、开发和预生产服务器上设置了 SSL...我成功地对他们每个人都进行了 FontAwesome 设置,除了一个小问题......当我在IE9端口443中查看每台服务器时,我看不到字体,我看到的只是正方形;但是,如果我查看端口 8080 中的网站,我会看到所有字体都很好。我已经尝试了几种方法来解决此问题,我将在下面介绍...有人对尝试什么有任何想法吗?它已经困扰了我的网站几个星期了,我把头撞在桌子上......

我尝试过的事情列表:

  • 我尝试在路径末尾添加"?#iefix"信息。

'@font脸{

font-family: 'FontAwesome';
src: url('../fonts/fontawesome-webfont.eot');
src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
     url('../fonts/fontawesome-webfont.woff') format('woff'),
     url('../fonts/fontawesome-webfont.ttf') format('truetype'),
     url('../fonts/fontawesome-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;

}'

  • 我尝试了绝对路径(本地主机和本地 IP(

'@font脸{

font-family: 'FontAwesome';
src: url('https://localhost:8443/mywebsite/fonts/fontawesome-webfont.eot');
src: url('https://localhost:8443/mywebsite/fonts/fontawesome-webfont.eot') format('embedded-opentype'),
     url('https://localhost:8443/mywebsite/fonts/fontawesome-webfont.woff') format('woff'),
     url('https://localhost:8443/mywebsite/fonts/fontawesome-webfont.ttf') format('truetype'),
     url('https://localhost:8443/mywebsite/fonts/fontawesome-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;

}'

  • 尝试直接链接到字体很棒的网站,该网站在技术上适用于 IE,但它警告我它不安全,然后 Chrome 完全阻止它,所以这不是一个可行也不是一个好的做法无论如何......

  • 我减少了IE中的所有安全设置,检查并确保编码设置为UTF-8。

  • 有人告诉我,可能是因为我的本地证书是自己生成的,因此与服务器不匹配,但是我的开发和预生产服务器具有官方证书并且仍然产生相同的结果。

我敢肯定我已经尝试过许多其他事情,但正如你所看到的,我已经搜索了又搜索了这个问题,要么我发现一些没有详细说明那个人如何解决问题的东西,要么他们只是说......"没关系,我想通了,谢谢!"他们没有发布解决方案哈哈。我非常感谢任何人对这个问题的任何建设性意见。谢谢一堆!:)

附加说明:重现步骤 - 如果您设置apache tomcat,使用基本设置设置SSL,安装font-awesome,并在IE9中查看它。问题应该在那里。我希望这有所帮助。

解决了这个问题,经过数周的故障排除,我发现我们的Tomcat web-inf web.xml文件导致了SSL和字体的问题。基本上,我们最初是 Git 上另一个"主"存储库的一部分,该存储库有许多应用程序,许多人正在编辑该 web.xml 文件。一旦我们移出该存储库,创建了我们自己的存储库和 web.xml 文件(实际上是空的(,问题就解决了。希望这对将来可能遇到此问题的其他人有所帮助。

最新更新