1

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

我尝试过的事情清单：

  • 我尝试在路径末尾添加“？#iefix”信息。

`@字体脸{

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-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。

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

我确定我已经尝试了很多其他的事情，但是正如你所看到的，我已经搜索并搜索了这个问题，或者我发现了一些没有提供关于那个人如何解决这个问题的详细信息，或者他们只是说……“没关系，我想通了，谢谢！” 他们没有发布任何解决方案哈哈。我非常感谢任何人对此问题的任何建设性意见。非常感谢！:)

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

4

1 回答 1

1

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

于 2013-11-04T14:06:31.137 回答