@ font-face文字在刷新时在Chrome中不可见......但并非总是如此？

Question

我的WordPress网站在这里:http://pangalactic.co/

使用Chrome时,用户会发现有时徽标下方的文字以及与网站页面(徽标右侧)相关的文字对他们来说是不可见的.如果他们尝试在Chrome中刷新,则它仍然不可见.但是,如果他们单击要刷新的站点徽标,则会再次显示该文本.相关的@ font-face文字如下......

@font-face {
font-family: 'BebasNeueRegular';
src: url("fonts/bebas-neue/BebasNeue-webfont.eot");
src: url("fonts/bebas-neue/BebasNeue.otf");
src: url("fonts/bebas-neue/BebasNeue-webfont.eot?#iefix") format("embedded-opentype"),     url("fonts/bebas-neue/BebasNeue-webfont.woff") format("woff"), url("fonts/bebas-    neue/BebasNeue-webfont.ttf") format("truetype"), url("fonts/bebas-neue/BebasNeue-    webfont.svg#BebasNeueRegular") format("svg");
font-weight: normal;
font-style: normal; 
}

Answer 1

使用保罗爱尔兰链接的错误报告中建议的以下黑客为我工作:

.classes-affected-by-issue
{
    -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; }
}

它迫使Chrome重绘字体,这似乎可以解决问题.

密切关注错误报告,了解何时可以从生产服务器中删除此代码.

此问题自35.0.1867.2金丝雀关闭.但请保持代码,直到您的客户端更新到此版本.