且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

字体大小

更新时间:2022-09-11 11:53:27

前些天看到日方回答的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能够精确地表示元素在屏幕中的位置和大小,网页主要是为了屏幕显示,而不是为了打印等其它需要的。




本文转自SummerChill博客园博客,原文链接:http://www.cnblogs.com/DreamDrive/p/3917130.html,如需转载请自行联系原作者