字体在页面的某些部分正确显示，但在其他部分则不能正确显示

Question

不确定其他人是否遇到过Gotham字体问题。我正在通过@ font-face方法使用此字体，该字体托管在我们的服务器上，并且具有woff和woff2格式，如下所示：

@font-face {
    font-family: 'GothamLight';
    src: url('fonts/GothamLight/GothamLight.woff2?$staticlink$') format('woff2'), url('fonts/GothamLight/GothamLight.woff?$staticlink$') format('woff');
}

这种格式不会给我其他字体带来任何麻烦。

我遇到的问题是不一致，该字体在某些地方渲染，但在其他地方却没有，有一个后备字体，但是该文本应位于的div只是空白。然后页面上的下一个文本div将很好地显示Gotham字体。我认为页面上的任何特定div都不是代码问题，因为一旦我设置了另一种字体，一切都很好。

主要问题似乎是野生动物园，尤其是iPhone。

任何帮助，不胜感激！