在移动的 WordPress 网站上使用的后备字体系列答案

【问题标题】：Fallback font family used on a moved WordPress site在移动的 WordPress 网站上使用的后备字体系列
【发布时间】：2015-08-14 21:04:29
【问题描述】：

我正在将我的 WordPress 网站移动到另一台服务器。我已经成功复制了 WP 安装和数据库，并且该站点完全可以运行并且看起来还不错，但是我在标题上使用的字体（在所有页面上都可见）不是 CSS 中设置的字体。相反，它使用sans-serif 备用字体系列。

奇怪的是，这个错误的字体系列只在主页上使用。当我打开网站上的任何其他页面时，字体会变回正确的字体。这是什么原因造成的？

字体系列在 CSS 中是这样声明的：

@font-face {
    font-family: 'NobileRegular';
    src: url('skins/fonts/nobile/nobile-webfont.eot');
    src: url('skins/fonts/nobile/nobile-webfont.eot?#iefix') format('embedded-opentype'),
         url('skins/fonts/nobile/nobile-webfont.woff') format('woff'),
         url('skins/fonts/nobile/nobile-webfont.ttf') format('truetype'),
         url('skins/fonts/nobile/nobile-webfont.svg#NobileRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

字体是这样应用的：

body,
button,
input,
select,
textarea {
    color: #000;
    font-family: 'NobileRegular', sans-serif;
    font-size: 16px;
    // other stuff here
}

如果我使用 Chrome 的元素检查检查样式信息，font-family 是正确的 - 只是使用了 sans-serif 后备而不是 NobileRegular，这仅发生在主页上。为所有页面加载完全相同的style.css，因为它包含在主题的header.php 中。

仍在旧服务器上运行的完全相同的 WordPress 安装工作正常，每页显示正确的字体。

是什么原因造成的？会不会是某种缓存问题？

【问题讨论】：

使用组合键 ctrl+f5 刷新页面；
没用。字体在其他设备上也是错误的。
如果你通过开发工具查看主页，应用的是什么 CSS，你能看到覆盖它的东西吗？
能否在css中指定的URL正确下载字体文件？可能的原因可能是您将它们移动到错误的目录，或者您的 htaccess 可能阻止访问此类扩展的资源。

标签： php html css wordpress fonts

【解决方案1】：

如果您将 wopress 中的起始页设置为另一个而不是默认主页，会发生什么情况？有要测试的网址吗？

【讨论】：