Question

网站：www.ibodyguardsdirect.com

问题 - 第一次加载时缺少文本。刷新时出现。

来源检查 - 似乎与谷歌字体没有第一次加载有关 - 这很奇怪，因为谷歌Chrome和谷歌字体都是同一家公司。

在标题中试过这个 - 没有用

 $(document).ready(function() {
     if($.browser.chrome)
         $("head").append('<style>/* Web Fonts*/ @font-face 
  {    font-family: "webfont"; src: url("webfont.eot");    font-weight: normal;    font-style: normal; }}</style>');
 });

在CSS样式表中尝试过这个 - 没有用

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

@-webkit-keyframes fontfix{
from { opacity: 1; }
to { opacity: 1; }
}

我也浏览过所有这些博客 https://productforums.google.com/forum/#!topic/chrome/zID6uQQfKH8 http://wordpress.org/support/topic/wp-doesnt-display-content-text-on-chrome?replies=16#post-5283430 https://code.google.com/p/chromium/issues/detail?id=246875

仍未修复

有谁知道如何排序这个问题？

Answer 1

您用作.eot的{{1}}是可以从常规字体派生的字体类型，允许使用小文件并合法使用高质量字体。

使用受到与网站绑定的文件的限制，仅受webfont.eot版本8.0及更高版本的支持。

尝试切换为Internet Explorer字体格式进行测试（您可以轻松地将.woff字体转换为.eot在线）。

谷歌浏览器上消失的文字 - 谷歌网络字体？

1 个答案: