css - Chrome 不显示谷歌网络字体

Question

我最初是从谷歌加载我的字体，但后来决定在本地托管它们，但仍然没有成功。这是我的字体的 CSS 样子

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('/campfiles/c9/fonts/opensans-condbold-webfont.eot');
    src: url('/campfiles/c9/fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
    url('/campfiles/c9/fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg'),
         url('/campfiles/c9/fonts/opensans-condbold-webfont.woff') format('woff'),
         url('/campfiles/c9/fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('/campfiles/c9/fonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'materegular';
    src: url('/campfiles/c9/fonts/mate-regular-webfont.eot');
    src: url('/campfiles/c9/fonts/mate-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/campfiles/c9/fonts/mate-regular-webfont.woff') format('woff'),
         url('/campfiles/c9/fonts/mate-regular-webfont.ttf') format('truetype'),
         url('/campfiles/c9/fonts/mate-regular-webfont.svg#materegular') format('svg');
    font-weight: normal;
    font-style: normal;

} 

当我加载我的页面时，文本根本没有出现。奇怪的是，如果我右键单击 -> 检查元素，文本就会出现。很奇怪。我读到这是一个已在 Chrome v.33 中修复的 chrome 问题，但我已更新。非常感谢任何帮助。

Answer 1

据我所知，它还没有被修复。查看this question ，接受的答案应该有所帮助(也复制在这里):

显然这是一个已知的 Chrome 错误。有一个纯 css 的解决方法应该可以解决这个问题(更改 p 选择器以选择您在网站上使用的任何文本元素):

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

似乎只需要告诉 Chrome 重绘文本