Question

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

Answer 1

如果仅在Google Chrome中发生，则可能是由于Google字体无法正常呈现。在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>

我希望这会有所帮助

网站加载方式有问题

1 个答案: