在 wordpress 中刷新页面后，我的字体发生了变化答案

【问题标题】：My Fonts get changed after refreshing about page in wordpress在 wordpress 中刷新页面后，我的字体发生了变化
【发布时间】：2016-07-30 21:59:09
【问题描述】：

当我从主页转到this 页面时。它显示正确的字体。但是当我刷新这个页面时，它的字体会改变。

请看截图：

【问题讨论】：

您的主页上的 CSS 设置字体似乎有些问题，但在单独访问其中一个子页面时它会丢失。没有更多信息，很难诊断。请用更多信息更新您的问题，以便有人帮助您。

标签： wordpress fonts

【解决方案1】：

检查您的浏览器控制台是否有字体错误意味着找不到字体

GET http://www.stitchstudio.co/about/fonts/DINNextLTProBold.woff2 
GET http://www.stitchstudio.co/about/fonts/DINNextLTProRegular.woff 
GET http://www.stitchstudio.co/about/fonts/DINNextLTProBold.woff 
GET http://www.stitchstudio.co/about/fonts/DINNextLTProRegular.ttf 
GET http://www.stitchstudio.co/about/fonts/DINNextLTProBold.ttf 
GET http://www.stitchstudio.co/wp-content/themes/lens/theme-content/css/fonts/DINNextLTProRegular.woff2 
GET http://www.stitchstudio.co/wp-content/themes/lens/theme-content/css/fonts/DINNextLTProRegular.woff 
GET http://www.stitchstudio.co/wp-content/themes/lens/theme-content/css/fonts/DINNextLTProRegular.ttf 404 (Not Found)

检查路径并修复它，然后它就可以正常工作了

【讨论】：

【解决方案2】：

我猜你没有以正确的方式指向主题目录，你应该使用 get_stylesheet_directory_uri() 或类似的。

<?php echo get_stylesheet_directory_uri(); ?>/font-folder/font.extension

现在，它没有使用它，所以从主页加载字体是因为它指向： http://www.stitchstudio.co/fonts/DINNextLTProRegular.woff2

对于其他页面不是这样，它将使用页面 url，而不是站点 url，就像： http://www.stitchstudio.co/about/fonts/DINNextLTProRegular.woff2

导致错误。

【讨论】：