字体被清晰地呈现为错误,使得边缘都是锯齿状的。作为一个极简主义的网站,我试图让一切都变得完美。
我该如何解决这个问题? http://individual.utoronto.ca/andrewlouis
答案 0 :(得分:2)
字体呈现是特定于浏览器和特定于操作的。
你可以做很少的事情来控制字体的呈现方式,你在浏览器中看到的并不是其他用户在其中看到的内容。
This article现在有点老了,但它确实解释了各种浏览器之间的差异以及它们如何呈现文本。
这里有一个关于Webdesign.stackoverflow的问题,询问如何在所有浏览器中使字体呈现相同:https://webmasters.stackexchange.com/questions/9972/how-can-i-make-fonts-render-the-same-way-across-different-web-browsers
那里给出的答案可能对你有所帮助,但基本的答案是你无能为力。
答案 1 :(得分:2)
要在Chrome和Safari中获得更好/更流畅的文字,请尝试使用CSS:
-webkit-font-smoothing: antialiased;
然而,似乎-moz-font-smoothing
曾经可以使用,但不再可用。无论如何,Firefox中的字体确实趋于平滑。
答案 2 :(得分:1)
尝试:
font-smooth
css属性。请参阅文档:http://webdesign.about.com/od/styleproperties/p/blspfontsmooth.htm
同样在这里:http://www.cssportal.com/css-properties/font-smooth.htm
请参阅字体渲染差异:Firefox与IE对比Safari http://css-tricks.com/font-rendering-differences-firefox-vs-ie-vs-safari/