移动设备上的自定义字体适用于某些页面但不适用于其他页面答案

【问题标题】：Custom fonts on mobile working on some pages but not on others移动设备上的自定义字体适用于某些页面但不适用于其他页面
【发布时间】：2018-06-25 19:15:46
【问题描述】：

我正在使用 WordPress 为我的雇主建立一个网站 https://triclimb.co.uk。我们正在为网站的选定部分（例如标题等）使用自定义字体。字体是 Gabbaland。

我面临的问题是字体在主页和网站上的其他页面（桌面和移动设备）上运行良好，但在网站的选定页面上，字体在移动设备上不起作用.

字体不起作用的示例：https://www.triclimb.co.uk/gallery/ 标题 'triclimb on instagram' 应该使用 gabbaland

我无法在桌面上的任何浏览器中复制该问题，我只能在移动设备上看到它。

谁能帮帮我？真的很困惑为什么字体在某些页面上有效，而在其他页面上无效。

【问题讨论】：

【解决方案1】：

两个字体文件在控制台中对字体抛出 404 错误。请仔细检查您是否正确集成了 gabbaland 字体系列。

【讨论】：

我只有两种字体，都位于 triclimb.co.uk/gabbaland-webfont.woff 和 triclimb.co.uk/gabbaland-webfont.woff2 都工作正常，这些是引用的在 css @font-face { font-family: 'Gabbaland'; src: url('gabbaland-webfont.woff2') 格式('woff2'), url('gabbaland-webfont.woff') 格式('woff'); }