wordpress - 字体未初始化但仅在三页上

Question

我之前在一个客户的网站上发布过这个问题，但我无法彻底或正确地解释它。我将重申我的问题，希望有人可以帮助我解决问题。

我有一个使用 Jupiter 主题和 Masterkey 框架的 WordPress 网站，通过它，我正在加载 Google 字体。我的导航设置为使用 Cinzel 字体，除了少数几个页面外，它在每个页面上都能完美加载。

这里是一个链接到它工作的页面: http://plainfoundation.com/hall-of-distinction/

这是一个指向它不起作用的页面的链接: http://plainfoundation.com/contact/

根据我使用 Google Chrome 提供的开发人员工具和 Mozilla Firefox 的附加组件 Firebug 进行的检查，代码完全相同，并且控制台中没有出现任何问题。也许有人有想法并且可以帮助解决这个问题？谢谢!

Answer 1

查看您的源代码，我发现您只有 @font-face .ttf，但没有所有浏览器所需的任何其他格式。您应该确保您拥有此 css-tricks post. 中描述的所有这些内容

您似乎也在标题样式中添加了它。您应该确保在加载其他样式之前声明此@font-face。为确保这一点，要么将它放在第一个样式表的顶部，要么放在新的“myfonts.css”文件中，并在其他样式表之前将其放入函数文件中:

以下是要求的格式:

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}