Css 添加字体后未在Safari iOS上加载网站

我在wordpress网站上添加了一种新字体。字体呈现正确，站点在桌面和移动设备上的chrome和firefox中加载正确。它也正在桌面safari上加载，但是在safari iOS上，该站点不会加载。它只是被困在加载状态，水平的蓝色条在四分之一的地方。如果我删除字体，那么问题就消失了。有人遇到过这种问题吗？我一直无法在网络上找到任何解决方案

我一直在遵循这些建议

并说我需要指定字体的重量，但即使我这样做了，问题仍然存在

这是我的密码：

    @font-face {
    font-family: 'Boston Light';  
    src: url('custom-styles/fonts/Boston-Light.woff') format('woff');
}
@font-face {
    font-family: 'Boston Regular';
    src: url('custom-styles/fonts/Boston-Regular.woff') format('woff'); 
}
@font-face {
    font-family: 'Boston SemiBold';  
    src: url('custom-styles/fonts/Boston-SemiBold.woff') format('woff');
}
@font-face {
    font-family: 'Boston Bold';  
    src: url('custom-styles/fonts/Boston-Bold.woff') format('woff');
}
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, p, .tagcloud a {
    font-family: 'Boston Regular', 'Open Sans', Georgia, sans-serif;
}
.menu-main-navigation-container a,
.menu-main-navigation-container a:hover,
.menu-main-navigation-container a:focus {/*nav items*/
    color: #744364;
    font-family: 'Boston Light', Montserrat, "Helvetica Neue", sans-serif;
}

---

尝试使用这些字体的woff2格式

---

我找到了波士顿常规赛的一个例子。

我对此没有更深入的了解，但我曾经遇到过类似的问题。 我通过在文件夹前添加一个

/

来更改路径，这很有帮助。你可能想试试看

尝试在开头向所有URL添加

/

，如下所示：

src: url('/custom-styles/fonts/Boston-Light.woff') format('woff');

---

谢谢，当我读到这个建议时，我确信它会奏效。不幸的是，当我应用它时，它并没有纠正我的用例，这为我做到了！它甚至适用于相对路径。哇，这似乎解决了它！我更新到.woff2格式，它成功了。不过这很奇怪，因为根据caniuse.com的说法，woff在iOS safari中应该可以正常工作：很高兴知道这一点！有时，小的改变可以解决更大的问题。实际上，iOS Safari不支持很多东西，包括一些CSS属性和图像格式。