QQ 1640076782

2009年12月28日

网页设计之CSS文字大小px和pt的区别

Filed under: 猪哥 — past @ 11:11 下午

前段时间,遇到一个客户,他要求页面设计的的字体大小都是要按照他在word中的字体大小一样,但是两者是有区别的,经常和客户产生误解,因为我们网页中一般用px的比较多和word中的磅的字号大小是不通的,在此介绍下word中的pt(磅)和 网页中的px之间的区别

px:pixel,像素,屏幕上显示的最小单位;

pt:point,点,是印刷业一个标准的长度单位,1pt=1/72英寸;

在word中显示的是磅,磅是点的前称

在Windows里,默认的显示设置中,把文字定义为96dpi。这说明了:1px=1/96英寸;而1pt=1/72英寸,可以得出,在本设置中1px=0.75pt,字体9pt=12px。

但是,用户可以修改文字定义的dpi大小,例如改成144dpi,这样,1px=0.5pt,字体9pt=18px。原先用12px来组成的一个文字,现在需要18px来组成,px多了,文字就“大”了,更易阅读了。

所以,px和pt的区别在于,px会随显示器的分辨率而改变,pt会随Windows系统字体大小设置而改变。

如有任何疑问,万方设计师为您来解答您的疑问,我们的服务和设计水平都是同行业的龙头!