Chrome 中的字体问题

【问题标题】：Font-Face Issue in ChromeChrome 中的字体问题
【发布时间】：2013-07-05 17:37:00
【问题描述】：

我对 DinProRegular 字体有疑问。 “t”字符看起来像“l”。只有 Chrome 有这个问题。

有什么问题？

http://prj.disual.net/beybi/index.php?option=com_content&task=view&id=291&Itemid=265

【问题讨论】：

这是常见的 Chrome 问题。在这里查看：stackoverflow.com/questions/11487427/….

标签： google-chrome fonts font-face render

【解决方案1】：

这是 Chrome 中的一个错误。我发现的最好的解决方法是，如果您隐藏并重新显示正文的内容，字体将正确加载希望这会有所帮助

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;
    font-family: folio_medium;
}

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

【讨论】：