这显然是一个旧的issue,但它似乎已经重新浮出水面。或者只是我。
我在我的主页上提取了4种不同的字体(通过谷歌字体),除了FjallaOne之外,其他所有字体都正确呈现。
@import url(https://fonts.googleapis.com/css?family=Fjalla+One|Raleway|Lobster|EB+Garamond);
FjallaOne大部分都没有渲染,直到刷新,但有时它会。试一试here。
因为有时它会被正确呈现,这意味着Chrome可以正确下载该字体。如果单击主页(徽标),字体渲染将会失败。刷新,它会再次回来。
尝试了以下重绘,但没有帮助:
/* Chrome bugfix to render external fonts correctly */
body {
-webkit-animation-delay: 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;
}
}
我现在不知所措,而且大多数修正都是针对旧问题提出的[here,here]&博客[here,here和here]似乎无效。
还有其他人遇到过这个问题(并解决了吗?)