css - 无法复制的 ie11 css/字体加载错误

Question

我一直致力于使用 Drupal 制作的网站。该站点有一个博客部分，该部分是在 Hubspot 中创建的。(我认为这无关紧要，只是要注意普通站点和博客是分开的)。

我已经在虚拟机(我在 Mac 上工作)上的 google chrome、safari、firefox 和 ie11 中测试了博客部分 ( http://blog.aurelium.be/ )。现在的问题似乎是客户端在 ie11 中出现了我们无法重新创建的问题。字体和图标以及一些元素定位不正确。

我已经让几个人在工作中对其进行了测试，但这里看起来一切正常。

它应该是怎样的:

以及它在客户看来的样子(不要介意丢失的博客元素，这很正常)。正如您所看到的社交媒体图标，侧边栏中的字体和部分导航没有显示它们应该如何显示:

我能想到的唯一区别是他们在其他地方，所以可能他们的 wifi 或其他东西不好，导致 css 无法加载。我只是胡乱猜测，因为在我看来一切都很好。 (我无法在他们的位置或真正的 Windows 机器上对其进行测试)。我最大的猜测是某种 css 加载问题。

任何帮助将不胜感激:)

Answer 1

出现的问题与外部字体加载有关(我猜是在外部 cdn 源上)。详细地说，如果浏览器布局定位在加载字体之前，您会看到第二个布局使用默认的内部字体，空间不同且结果不佳。
我能说的唯一提示是在按钮的框/div 容器上强制使用空白:white-space: nowrap 或使用 position: absolute 和显式定位，使用 position: relative 在容器 div 上。