Windows浏览器上的字体失真

时间:2014-03-08 23:58:36

标签: css fonts

文字扭曲并变得不可读,但它只发生在Windows浏览器中,包括FireFox和Chrome。我试图用带有对失真文本生效的样式的文本样本重现问题,但样本看起来没问题。

链接到Windows Firefox和Windows Chrome上失真的文本: http://dansdemos.info/prelaunch/hitch/20140219_1735/bk_promos/mergecopy 你已经投入了创作一本好书......

链接到应该具有相同样式但不会在Windows Firefox和Windows Chrome中扭曲的样本: http://dansdemos.info/prelaunch/hitch/20140219_1735/bk_promos/hammeredShitTextProblem

有效的风格是:

p {
color: #777777;
font-size: 14px;
letter-spacing: 0.1px;
line-height: 23px;
width: 307px;
font-family: open sans,arial;
}
* {
border: 0 none;
margin: 0;
outline: 0 none;
padding: 0;
text-align: left;
}
*::-moz-placeholder {
color: #666666;
font-size: 16px;
font-weight: 300;

}

有关文本仅在Windows中失真的原因的任何想法?为什么在相同样式的样本中没有扭曲?

0 个答案:

没有答案