字体被清晰地渲染到一个错误,使得边缘都是锯齿状的。作为一个极简主义网站,我正在努力让一切变得完美。
3 回答
字体渲染是特定于浏览器和特定于操作的。
您几乎无法控制字体的呈现方式,而且您在浏览器中看到的内容与其他用户在他们的浏览器中看到的不同。
这篇文章现在有点老了,但它确实很好地解释了各种浏览器之间的差异以及它们如何呈现文本。
这是关于 Webdesign.stackoverflow 的一个问题,询问如何使字体在所有浏览器中呈现相同:https ://webmasters.stackexchange.com/questions/9972/how-can-i-make-fonts-render-the-跨不同网络浏览器的相同方式
那里给出的答案可能会对您有所帮助,但基本答案是您无能为力。
要在 Chrome 和 Safari 中获得更好/更流畅的文本,请尝试使用 CSS:
-webkit-font-smoothing: antialiased;
然而,它似乎-moz-font-smoothing
曾经可以使用,但不再可用。无论如何,Firefox 中的字体确实更流畅。
尝试:
font-smooth
css 属性。请参阅文档:http ://webdesign.about.com/od/styleproperties/p/blspfontsmooth.htm
也在这里:http ://www.cssportal.com/css-properties/font-smooth.htm
请参阅字体渲染差异:Firefox vs. IE vs. Safari http://css-tricks.com/font-rendering-differences-firefox-vs-ie-vs-safari/