从PSD到HTML / CSS

时间:2011-04-27 13:06:49

标签: html

只是想知道最终的网站可交付成果(HTML / CSS)最终看起来不像Photoshop中设计的那样(像素完美)?例如,PS中的14pt在HTML中并不完全是14pt。为什么呢?

1 个答案:

答案 0 :(得分:1)

因为不同的浏览器有不同的渲染引擎。

特别是,当前使用的各种浏览器和操作系统之间的字体可能会有很大不同 - Safari和MacOS比Firefox或IE使用更多的反语言,但IE9有一个名为ClearType的新功能,它也会影响字体渲染。

最终结果是,在各种浏览器之间,字体的外观与可能影响布局的方式之间存在显着差异。

此网站试图更好地解释一下:http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

底线:不要将您的网页设计为像素完美 - 您失望。 HTML和网络不会那样工作;接受这一点,你将拥有更幸福的生活。

(哦,如果你指定一个在用户浏览器上没有的字体,那么甚至还没有获得相同字体的问题。)