字体大小

前些天看到日方回答的QA,有一个我问到的关于账票设计中字体大小的问题,回复中有个”ポント“单词,我想到了英语point,但是从来不知道字体大小的(font)的单位是什么,于是查询了一下,关于字体大小有两种描述方式,一种是“相对长度”,另外一种是“绝对长度”。

绝对长度主要使用的单位有pt(点)和in(inch英寸),使用绝对长度,需要谨慎的考虑到其适应不同环境时的弱点,因为对于一个用户来说,绝对长度是有可能会大,或很小。

有效的绝对单位:

 

in(英寸,1英寸为2.54厘米)

cm(厘米)

pt(点,1点=1/72英寸)

pc(皮卡Picas,1pc=12点)

 


相对值单位确定一个相对于另一长度属性的长度,因为它能更好的适应不同的媒体,所以是首选。

 

em(em,元素的字体的高度)

ex(x-height,字母x的高度)

px(像素,相对于屏幕的分辨率)


对于计算机的屏幕设备而言,像素(Pixel)或者说px是一个最基本的单位,就是一个点。其它所有的单位,都和像素成一个固定的比例换算关系。所有的长度单位基于屏幕进行显示的时候,都统一先换算成为像素的多少,然后进行显示。所以,就计算机的屏幕而言,相对长度和绝对长度没有本质差别。任何单位其实都是像素,差别只是比例不同。

CSS绝对长度单位是对于输出设备(output device)而言的。拿pt来说,这是一个在文字排版工具(word,adobe等)中非常常用的字体单位,不管你的显示器分辨率是1024*768,还是800*600,同一篇文档打印在纸面上的结果是一样的。

写网页用哪个长度单位更好,是px还是pt呢?

我个人比较偏向px,因为px能够精确地表示元素在屏幕中的位置和大小,网页主要是为了屏幕显示,而不是为了打印等其它需要的。




文中部分内容引用。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值