google-chrome - Chrome 中的字体问题

Question

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

问题是什么？

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

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