Browser 站点加载方式有问题吗

Browser 站点加载方式有问题吗,browser,Browser,我有一个小博客,最近随机的人告诉我,我的网站有加载问题,因为网站会加载,但只有图片会显示,而不是文本。直到今天,我个人才遇到过这个问题。我明白它们的意思,如果我将鼠标悬停在文本上,那么文本也会加载。有人知道为什么吗?如果这只发生在谷歌Chrome上,那么可能是因为谷歌字体的渲染不正确。在style.css中使用此代码来修复此问题 body { -webkit-animation-delay: 0.1s; -webkit-animation-name: fontfix; -

我有一个小博客,最近随机的人告诉我,我的网站有加载问题,因为网站会加载,但只有图片会显示,而不是文本。直到今天,我个人才遇到过这个问题。我明白它们的意思,如果我将鼠标悬停在文本上,那么文本也会加载。有人知道为什么吗?

如果这只发生在谷歌Chrome上,那么可能是因为谷歌字体的渲染不正确。在style.css中使用此代码来修复此问题

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
有时,它也不起作用,因此在
header.php
文件中添加以下代码会很好:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8">


 $(function() { $('body').hide().show(); });
</script>




<script type="text/javascript">

//JavaScript goes here



WebFontConfig = {
  google: { families: ['FontOne', 'FontTwo'] },
    fontinactive: function (fontFamily, fontDescription) {
   //Something went wrong! Let's load our local fonts.
    WebFontConfig = {
      custom: { families: ['FontOne', 'FontTwo'],
      urls: ['font-one.css', 'font-two.css']
    }
  };
  loadFonts();
  }
};


function loadFonts() {
  var wf = document.createElement('script');
  wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  wf.type = 'text/javascript';
  wf.async = 'true';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(wf, s);
}


(function () {
  //Once document is ready, load the fonts.
  loadFonts();
  })();


</script>

$(函数(){$('body').hide().show();});
//JavaScript就在这里
WebFontConfig={
谷歌:{families:['FontOne','fontwo']},
fontinactive:函数(fontFamily,fontDescription){
//出现问题!让我们加载本地字体。
WebFontConfig={
自定义:{families:['FontOne','fontto2'],
URL:['font-one.css','font-two.css']
}
};
loadFonts();
}
};
函数loadFonts(){
var wf=document.createElement('script');
wf.src=('https:'==document.location.protocol?'https':'http')+
“://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js”;
wf.type='text/javascript';
wf.async='true';
var s=document.getElementsByTagName('script')[0];
s、 parentNode.insertBefore(wf,s);
}
(功能(){
//文档准备好后,加载字体。
loadFonts();
})();

我希望这有助于

尝试禁用所有插件并切换到默认主题(例如,213或214)。如果问题消失,请切换回现有主题。如果问题再次出现,说明您的主题有问题。如果没有,请逐个打开插件,每次都检查您的站点。如果问题再次出现,您激活的最后一个插件就是罪魁祸首。谢谢!问题是我自己不能复制这个问题。这是一个浏览器/CSS问题,不是WordPress特有的,应该迁移。非常感谢!是的,这只发生在Google Chrome上,但如果我刷新页面,它会正确加载。这是大多数人都会遇到的问题。这两种解决方案可能会奏效