@ font-face文字在刷新后在Chrome中不可见...但并非总是如此吗? [英] @font-face Text is invisible in Chrome on refresh... but not always?

问题描述

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

My WordPress site is here: http://pangalactic.co/

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

When using Chrome, users find that sometimes the text below the logo, and the text relating to the site's pages (to the right of the logo) is invisible to them. If they try refresh in Chrome it remains invisible. If they click the site logo to refresh, however, the text appears again. The relevant @font-face text is below...

@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; 
}

推荐答案

使用它会强制Chrome重新绘制看起来可以解决该问题的字体.

It forces Chrome to redraw the font which appears to fix the issue.

关注bug报告，以查看何时可以从生产服务器中删除此代码.

此问题自35.0.1867.2金丝雀关闭.但是请保留其中的代码，直到您的客户端更新到此版本为止.

This issue is closed as of 35.0.1867.2 canary. But keep the code in until your clients are updated to this version.

这篇关于@ font-face文字在刷新后在Chrome中不可见...但并非总是如此吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！