加入K印象设计师团队

K印象是一个真实的社区,注册后,你可以:
  向政府、企业展示你的设计作品
  参加政府、企业举办的设计征稿活动
  与广大设计师交流心得

设为主页 加入收藏
首页 > 经验分享 > 交互设计心得 >

Web字体常用单位的区别与换算:px(像素)\pt(磅)\em(倍)

媒体:原创  作者:逸君
专业号:逸君 2012/7/8 9:04:10

1磅 = 1/72 英寸

1英寸 = 96像素(小字体时,Windows默认值)

1英寸 = 120像素(大字体时)

因此,1磅 = 1.33333像素(小字体时)1.66667像素(大字体时)。

px: 基于像素的单位。像素是一种有用的单位,因为在任何媒体上都可以保证一个像素的差别确实是可见的。

em :一般用来测量长度的通用单位(例如元素周转的页边空白和填充),当用于指定字体大小时,em单位是指父元素的字体大小。

pt: 印刷业上常使用的单位,磅的意思。一般也用于页面打印排版。

px是像素单位,em是相对单位,pt是绝对单位。它们各自的好处是:px可以在计算机屏幕上,能达到预期的效果,在打印机和其它的高分辨率设备上,它又能取得所希望的效果。em的优点很多,比如在一个页面上,你给定了一个父元素的字体大小,这样就可以通过调整一个元素来成比例的改变所有元素大小。它可以自由缩放,比如用来制作可伸缩的样式表。pt是一种固定长度的度量单位,是能够使用测量设备测得的长度。绝对单位作用有限,因为它们不能够缩放,通常只用在已经知道是用在哪种输出媒体的情况下才使用。但大多数情况下最好使用相对单位。一般都是用px和em这两种种配搭比较好。

 
换算
以Windows下的96dpi来计算(dpi:Dots Per Inch,每英寸像素数),
pt=px*72/96=px*3/4
1em=16px
 
换算对照表
初号 42pt 56px 3.5em
小初 36pt 48px 3em
34pt 45px 2.75em
32pt 42px 2.55em
30pt 40px 2.45em
29pt 38px 2.35em
28pt 37px 2.3em
27pt 36px 2.25em
一号 26pt 35px 2.2em
25pt 34px 2.125em
小一 24pt 32px 2em
二号 22pt 29px 1.8em
20pt 26px 1.6em
小二 18pt 24px 1.5em
17pt 23px 1.45em
三号 16pt 22px 1.4em
小三 15pt 21px 1.3em
14.5pt 20px 1.25em
四号 14pt 19px 1.2em
13.5pt 18px 1.125em
13pt 17px 1.05em
小四 12pt 16px 1em
11pt 15px 0.95em
五号 10.5pt 14px 0.875em
10pt 13px 0.8em
小五 9pt 12px 0.75em
8pt 11px 0.7em
六号 7.5pt 10px 0.625em
7pt 9px 0.55em
小六 6.5pt 8px 0.5em
七号 5.5pt 7px 0.4375em
八号 5pt 6px 0.375em
我也说两句
E-File帐号:用户名: 密码: [注册]
评论:(内容不能超过500字。)

*评论内容将在30分钟以后显示!
版权声明:
1.依据《服务条款》,本网页发布的原创作品,版权归发布者(即注册用户)所有;本网页发布的转载作品,由发布者按照互联网精神进行分享,遵守相关法律法规,无商业获利行为,无版权纠纷。
2.本网页是第三方信息存储空间,阿酷公司是网络服务提供者,服务对象为注册用户。该项服务免费,阿酷公司不向注册用户收取任何费用。
  名称:阿酷(北京)科技发展有限公司
  联系人:李女士,QQ468780427
  网络地址:www.arkoo.com
3.本网页参与各方的所有行为,完全遵守《信息网络传播权保护条例》。如有侵权行为,请权利人通知阿酷公司,阿酷公司将根据本条例第二十二条规定删除侵权作品。

 

 

本站会员发布的"原创作品",版权归原作者所有,如需商业用途或转载请与作者联系。
如未经作者同意,用作商业用途或匿名转载,作者将保留追究侵权者法律责任的权利。
© K印象 www.kimage.cn . All Rights Reserved | 基于现代网站理论和E-file技术构建 | 京ICP备10001932号-3