网页中的字体对应的word字体大小对照表
freezing    发表于 2010-4-29 11:00:28    阅读(109) 初号44pt小初36pt一号26pt小一24pt二号22pt小二18pt三号16pt小三15pt四号14pt小四12pt五号10.5pt小五9pt六号7.5pt小六6.5pt七号5.5pt八号5pt
前段时间,遇到一个客户,他要求页面设计的的字体大小都是要按照他在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系统字体大小设置而改变。
========================================================================
设计的字体2009-12-30 10:0812PT就是12磅,12磅就是小4号字。
中文字号与英文字号(磅)的对应关系:
八号=5磅(5pt) 七号=5.5磅 小六=6.5磅
六号=7.5磅  小五=9磅  五号=10.5磅
小四=12磅  四号=14磅  小三=15磅
三号=16磅  小二=18磅  二号=22磅
小一=24磅  一号=26磅  小初=36磅
初号=42磅
英文字体的1磅,相当于1/72 英寸,约等于1/2.8mm。
12PT的字打印出来约为4.2mm。
说12PT相当于12像素是错误的,网页中12px的字才相当于12像素。
========================================================================
PT与PX区别(2010-02-22 17:01:20)转载标签:字体it 分类:xhtml+css+
字体大小的设置单位,常用的有2种:px、pt。这两个有什么区别呢?
先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点;
pt就是point,是印刷行业常用单位,等于1/72英寸。
这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,“点”的大小是会“变”的,也称为“相对长度”。
pt全称为point,但中文不叫“点”,查金山词霸可以看到,确切的说法是一个专用的印刷单位“磅”,大小为1/72英寸。所以它是一个自然界标准
的长度单位,也称为“绝对长度”。
因此就有这样的说法,pixel是相对大小,而point是绝对大小。
分清“屏幕效果”和“打印效果”:
在浏览网页过程中,所有的“大”“小”概念,都是基于“屏幕”这个“界面”上。“屏幕”上的各种信息,包括文字、图片、表格等等,都会随屏幕的分辨率变化而变化,一个100px宽度大小的图片,在800×600分辨率下,要占屏幕宽度的1/8,但在1024×768下,则只占约1/10。所以如果在定义字体大小时,使用px作为单位,那一旦用户改变显示器分辨率从800到1024,用户实际看到的文字就要变“小”(自然长度单位),甚至会看不清,影响浏览。
那是不是用pt做单位就没这样的问题呢?错!问题同样出现。刚才的例子已经很清楚的说明,在不同分辨率下,无论是px还是pt,都会改变大小。以现在的电脑屏幕情况,还没有一种单位可以保证,在不同分辨率下,一个文字大小可以“固定不变”。因为这很难以实现也不是很有必要:全球电脑用户以亿来数,屏幕从14寸到40寸甚至更高都有,屏幕大小不同,分辨率也不同,要保证一个字体在所有用户面前大小一样,实在是MISSION IMPOSSIBLE。另外,电脑有其自身的调节性。
那在页面设计中到底是用px还是pt呢?
我认为,这个并没有什么原则性差异,就看自己处于什么角度思考了。
Mac机怎么情况不清楚,在Windows里,默认的显示设置中,把文字定义为96DPI(PPI,微软都将DPI和PPI混为一体,我们也就无须较真了)。这样的定义,说明了:1px=1/96英寸。联系pt的概念,1pt=1/72英寸,可以得出,在这样的设置中,1px=0.75pt,常见的宋体9pt=12px。在显示器分辨率不变的基础上(比如现在常用的1024×768),1px大小也就固定不变,改变显示设置,调整为144DPI,可以得出,1px=0.5pt,常见的宋体9pt=18px。原先用12px来组成的一个文字,现在需要18px来组成,px多了,文字就“大”了,更易阅读了。
所以,px和pt的使用区别,只有当用户改变默认的96DPI下才会产生:使用px定义文字,无论用户怎么设置,都不会改变大小;使用pt定义文字,当用户设置超过96DPI的值,数值越大,字体就越大。
  (附公式:px = pt * DPI / 72) 对了,刚才还提到改变浏览器中文字大小的选项,也可以改变网页的文字大小。但在这种情况下,使用px和pt都是无效的,因为这2个都是有实际“pixel”数值的单位,比如9pt是12px,大小固定。这里要引用新的单位:em,其实就是%。因为当网页中的字体没有给出实际的px或pt定义的话,会有一个默认值:12pt即16px,对应浏览器中“字体大小”中的“中等”,以这个
为标准,变大或缩小。(只适用于IE,在FF中,即便定义px或pt也都可以变大变小)
所以,从这个概念上看,em才是真正的“相对单位”(百分比嘛,当然是相对),而px和pt都是绝对单位(都有固定值)。
在网页设计中,面向用户的屏幕的基本单位是px,因此使用px作为单位是最简单也最容易理解的,而pt也不过是通过了Windows的设置乘上了一个比率转变成px再显示,算是绕了个圈子。参考大部分大型网站,包括Adobe和Microsoft,都是使用px作为单位,而且在HTML中,默认的单位就是px,是不是也暗示着px是网页设计的“内定单位”?
  但在Word或Photoshop中,使用pt就相当方便。因为使用Word和Photoshop的主要目的都不是为了屏幕浏览,而是输出打印。当打印到实体时,pt作为一个自然长度单位就方便实用了:比如Word中普通的文档都用“宋体 9pt”,标题用“黑体 16pt”等等,无论电脑怎么设置,打印出来永远就是这么大。又或者在Photoshop中,设置一个图片中的某个艺术效果的字体是72pt大小,然后分别将这张图片设为300DPI和72DPI,再打印出来,就可以看出,这2个字体大小完全一样,只是“清晰度”不同,300DPI更清晰。这是毫无疑问的结果。
  最后整理一下所有出现过的单位:
  px:pixel,像素,屏幕上显示的最小单位,用于网页设计,直观方便;
  pt:point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;
  em:即%,在CSS中,1em=100%,是一个比率,结合CSS继承关系使用,具有灵活性。
  PPI(DPI):pixel(dot)per inch,每英寸的像素(点)数,是一个率,表示了“清晰度”,“精度”
PX和PT转换的公式:
以前在文章中介绍过PX和PT的转换规则,其实很简单,pt=px乘以3/4。
比如12px×3/4=9pt大小。
PX和em转换的公式:
对于PX转em的方法也类似,就是em=16乘以px,也就是说1.5em=1.5×16=24px。
设计中常用PX/EM/PT/百分比转换表格
Pixels  EMs Percent      Points
6px 0.375em  37.50% 5pt
7px  0.438em  43.80% 5.5pt
8px  0.5em  50% 6pt
9px  0.563em  56.30% 7pt
10px  0.625em  62.50% 8pt
11px  0.688em  68.80% 8pt
12px  0.75em  75% 9pt
13px  0.813em  81.30% 10pt
14px  0.875em  87.50% 11pt
15px  0.938em  93.80% 11pt
16px  1em  100% 12pt
17px  1.063em  106.30% 13pt
18px  1.125em  112.50% 14pt
19px  1.188em  118.80% 14pt
20px  1.25em  125% 15pt
21px  1.313em  131.30% 16pt
22px  1.375em  137.50% 17pt
23px  1.438em  143.80% 17pt
24px  1.5em  150% 18pt
20pt    26px    1.6em    160%   
22pt    29px    1.8em    180%   
24pt    32px    2em      200%   
26pt    35px    2.2em    220%   
27pt    36px    2.25em  225%   
28pt    37px    2.3em    2
30%   
29pt    38px    2.35em  235%   
30pt    40px    2.45em  245%   
32pt    42px    2.55em  255%   
34pt    45px    2.75em  275%   
36pt    48px    3em      300%
字号 磅数 毫米
八号 5磅 1.84
七号 5.5磅 2.12
小六号 6.5磅 2.45
六号 7.5磅 2.81
小五号 9磅 3.15
五号 10.5磅 3.70
小四号 12磅 4.25
四号 14磅 4.93
小三号 15磅 5.23
三号 16磅 5.55
小二号 18磅 6.37
二号 22磅 7.80
小一号 24磅 8.42
一号 26磅 9.66
小初号 36磅 11.1
初号 42磅 12.7
========================================================================
像素与毫米的转换
转换还需要知道另一个参数:DPI(每英寸多少点)
象素数 / DPI = 英寸数
英寸数 * 25.4 = 毫米数
对于显示设备,不管是打印机还是屏幕,都有一种通用的方法
先用GetDeviceCaps(设备句柄,LOGPIXELSX)
或者
GetDeviceCaps(设备句柄,LOGPIXELSY)获得设备每英寸的像素数
分别记为:px 和 py
一英寸等于25.4mm
那么毫米换算成像素的公式为 
水平方向的换算: x * px /25.4
垂直方向的换算: y * py /25.4
像素换算为毫米 x * 25.4 / px
在程序中这么写
MyControl.Height := 10{mm} * PixelsPerInch * 10 div 254;
分子和分母同乘以10,将浮点数运算转化为整数运算,效率更高
100种不同的字体常用的1024x768或800x600等标准的分辨率计算出来的dpi是一个常数:96,因此计算出来的毫米与像素的关系也约等于一个常数:
基本上 1毫米 约等于 3.78像素 ============================================================================
2010/5/2 2:25:03 | [注意]字号、pt、px、inch、cm 之间的关系及对照表引自 /bbs/thread/72/67855/
在印刷排版中,“point”是一个绝对的单位,它等于 1/72 英寸,可以用尺子丈量的,物理的英寸。但在 CSS 中 pt 的含义却非如此,例如我们指定一个字体是 9pt,我们会以为按照 CSS 规范,它等于:
  9 * 1/72 = 1/8 inch
  这是一个误解,因为我们的显示器被分割为了一个个的像素,单个像素只能有一种颜 (为了简化,这里暂不讨论次像素反锯齿技术),要在屏幕上显示,必须先把以 pt 为单位的长度转换为以像素为单位的长度,这个转换的媒介,就是 DPI (事实上,这里的所谓的 DPI,是操作系统和浏览器中使用的术语,即为 PPI, pixels per inch,和扫描仪、打印机、数码相机中的 DPI 是不同的概念)。
  例如,无论在哪个操作系统中,Firefox 浏览器默认的 DPI 都是 96,那么实际上 9pt = 9 * 1/72 * 96 = 12px。
  所以,虽然“DPI”中的“I”和“1pt 等于 1/72 inch”中的“inch”,都不代表物理上的英寸,但这两个单位互
相之间是相等的,也就在相乘中约掉了。
  那么,真实的物理长度怎么计算呢?请拿出一
把尺子,丈量你的显示器的可见宽度 (我这里是 11.2992 英寸),除以横向分辨率 (我这里是 1024 像素),得到的就是每个像素的物理长度。
  现在我们可以回答这样一个问题,网页上 9pt 的字体究竟占用了多宽的空间?
答案是:
  9 * 1/72 * 96 * 11.2992 / 1024 = 0.1324 英寸 = 0.3363 厘米。
CSS相对长度单位(relative length unit)
  CSS相对长度单位中的相对二字,表明了其长度单位会随着它的参考值的变化而变化,不是固定的。
  以下是CSS相对长度单位列表:
CSS相对长度单位 说明
em 元素的字体高度The height of the element's font
ex 字母x的高度The height of the letter "x"
px 像素Pixels
% 百分比Percentage
CSS绝对长度单位(absolute length unit)
绝对长度单位是一个固定的值。比如我们常用的有mm,就是毫米的意思。
以下是CSS绝对长度单位列表:
CSS绝对长度单位 说明
in 英寸Inches (1 英寸 = 2.54 厘米)
cm 厘米Centimeters
mm 毫米Millimeters
pt 点Points (1点 = 1/72英寸)
pc 皮卡Picas (1 皮卡 = 12 点)
字号
1. 企业名称(TRADE NAME):通常指自然人如个体工商户或个人合伙经营的店名。
2. 名声
3. 是指印刷用活字的大小,是从活字的字背到字腹的距离。
我国的活字采用以点数制为辅、号数制为主的混合制来计量。
■ 点数制
点数制又叫磅数制,是英文point的音译,缩写为P,既不是公制也不是英制,是印刷中专用的尺度。
我国大都使用英美点数制。
1点(1P)=0.35146mm
■ 号数制
号数制是以互不成倍数的几种活字为标准,加倍或减半自成体系。
字号的大小可以分为以下四个序列。
四号序列:一号、四号、小六号
五号序列:初号、二号、五号、七号
小五号序列:小初号、小二号、小五号、八号
六号序列:三号、六号
■ 号数、点数制对照表
序号 号数 点数 尺寸(mm)
1 72 25.305
2 大特号 63 22.142
3 特号 54 18.979
4 初号 42 14.761
5 小初号 36 12.653
6 大一号 31.5 11.071
7 一(头)号 28 9.841
8 二号 21 7.381
9 小二号 18 6.326
10 三号 16 5.623
11 四号 14 4.920
12 小四号 12 4.218
13 五号 10.5 3.690
14 小五号 9 3.163
15 六号 8 2.812
16 小六号 6.875 2.416
17 七号 5.25 1.845
18 八号 4.5 1.581
■ 说明
从上表中可以看出,常用的MS-WORD软件中字号的大小与印刷业中字号的大小是不一致的。如MS-WORD中的二号字是22磅,但在印刷业中应该是21磅。
2008-3-20 10:45 mindon
  一般表述字体大小的计量单位有两种,一种是汉字的字号,如初号、小初、一号、…七号、八号;另一种是用国际上通用的“磅”来表示,如4、4.5、10、12、…48、72等。
  中文字号中,“数值”越大,字就越小,
所以八号字是最小的;在用“磅”表示的字号时,数值越小,字符的尺寸越小,数值越大,字符的尺寸越
大。1磅有多大呢?2.83磅等于1毫米,所以28号字大概就是一厘米高的字,约相当于中文字号中的一号字。
  我们常说的“宋体,9”,表示的单位其实是磅,也就是 9 磅的宋体。
  关于像素和磅的关系,我们来换算一下。在小字体的时候,分辨率是 96dpi ,也就是说一英寸能显示 96 个像素;9 磅是 1/8 英寸,所以 96/8=12 像素。也就是说,我们通常见到的字体就是这种 12x12 点阵的字体了。
  另外,在大字体的时候,分辨率是 120dpi ,9 磅是 1/8 英寸,所以 120/8=15 ,就是说大字体时,显示的 9 磅字体其实是 15x15 点阵的字体。
========================================================================
引自 blog.sina/s/blog_5e16f1770100fw7s.html
LaTeX中的字体大小一般都要pt做单位, 跟我们平时熟悉的四号, 五号字格式不同, 下面列出它们之间的的对于关系.
在印刷出版上,中文字号制与点数制的对照关系如下:
% \begin{macro}{Chinese Font Size}
% 1770年法国人狄道(F.A.Didot)制定点数制,规定1法寸为72点,即:1点=0.3759毫米。
% 狄道点数制在法国、德国、奥地利、比利时、丹麦、匈牙利等国比较流行。
% 1886年全美活字铸造协会以派卡(pica)为基准制定派卡点数制,规定1pica=12point(点),即:
% \fbox{1点=0.013837英寸=0.35146毫米}\\
% 20世纪初派卡点数制传入我国,并得到逐步推广。在实用中对常用点数以号数命名而产生了号数制,
% 二者换算如下(以pt代表“点”):\\
% \begin{center}
% \begin{tabular}{r@{\ =\ }l}
% 初号& 42pt\\
% 小初号& 36pt\\
% 一号& 28pt\\
% 二号& 21pt\\
% 小二号& 18pt\\
% 三号& 15.75pt\\
% 四号& 14pt\\
% 小四号& 12pt\\
% 五号& 10.5pt\\
% 小五号& 9pt\\
% 六号 & 7.875pt\\
% 七号 & 5.25pt
% \end{tabular}
% \end{center}
以下内容为程序代码:
\newcommand{\chuhao}{\fontsize{42pt}{\baselineskip}\selectfont}
\newcommand{\xiaochuhao}{\fontsize{36pt}{\baselineskip}\selectfont}
\newcommand{\yihao}{\fontsize{28pt}{\baselineskip}\selectfont}
\newcommand{\erhao}{\fontsize{21pt}{\baselineskip}\selectfont}
\newcommand{\xiaoerhao}{\fontsize{18pt}{\baselineskip}\selectfont}
\newcommand{\sanhao}{\fontsize{15.75pt}{\baselineskip}\selectfont}
\newcommand{\sihao}{\fontsize{14pt}{\baselineskip}\selectfont}
\newcommand{\xiaosihao}{\fontsize{12pt}{\baselineskip}\selectfont}
\newcommand{\wuhao}{\fontsize{10.5pt}{\baselineskip}\selectfont}
\newcommand{\xiaowuhao}{\fontsize{9pt}{\baselineskip}\selectfont}
\newcommand{\liuhao}{\fontsize{7.875pt}{\baselineskip}\selectfont}
\newcommand{\qihao}{\fontsize{5.25pt}{\baselineskip}\selectfont}
%%%%%%%%%%%%%%%%%%

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。