在网页设计css教程中,经常用到字体,而字体大小的设置单位,常用的有2种:px、pt。这两个有什么区别呢?
px:pixel,像素,屏幕上显示的最小单位;
pt:point,点,是印刷业一个标准的长度单位,1pt=1/72英寸;
在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系统字体大小设置而改变。
px:pixel,像素,屏幕上显示的最小单位;
pt:point,点,是印刷业一个标准的长度单位,1pt=1/72英寸;
在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系统字体大小设置而改变。

扫码关注公众号 获取更多设计资源...
↓↓↓
【白嫖福利 | 限时领取】
摹客超级版会员(价值1250元)解锁摹客协作、摹客RP、摹客DT所有功能。
公众号主页发送 “激活” 免费获取 激活码
↓↓↓
公众号主页发送 “字体” 获取 全套可商用字体包...
↓↓↓
公众号主页发送 “vi” 获取 500个著名品牌vi设计手册...
↓↓↓
【白嫖福利 | 限时领取】
摹客超级版会员(价值1250元)解锁摹客协作、摹客RP、摹客DT所有功能。
公众号主页发送 “激活” 免费获取 激活码
↓↓↓
公众号主页发送 “字体” 获取 全套可商用字体包...
↓↓↓
公众号主页发送 “vi” 获取 500个著名品牌vi设计手册...
标签:css教程