字型系列及 css中的font設定

CSS 定義了 5 種通用字型系列

• Serif 字型
• Sans-serif 字型
• Monospace 字型
• Cursive 字型
• Fantasy 字型

Serif 字型

這些字型成比例，而且有上下短線。如果字型中的所有字元根據其不同大小有不同的寬度，則成該字元是成比例的。例如，小寫 i 和小寫 m 的寬度就不同。上下短線是每個字元筆劃末端的裝飾，比如小寫 l 頂部和底部的短線，或大寫 A 兩條腿底部的短線。Serif 字型的例子包括 Times、Georgia 和 New Century Schoolbook。

Sans-serif 字型

這些字型是成比例的，而且沒有上下短線。Sans-serif 字型的例子包括 Helvetica、Geneva、Verdana、Arial 或 Univers。

Monospace 字型s

Monospace 字型並不是成比例的。它們通常用於類比打字機打出的文本、老式點陣印表機的輸出，甚至更老式的視頻顯示終端。採用這些字型，每個字元的寬度都必須完全相 同，所以小寫 i 和小寫 m 有相同的寬度。這些字型可能有上下短線，也可能沒有。如果一個字型的字元寬度完全相同，則歸類為 Monospace 字型，而不論是否有上下短線。Monospace 字型的例子包括 Courier、Courier New 和 Andale Mono。

Cursive 字型

這些字型試圖模仿人的手寫體。通常，它們主要由曲線和 Serif 字型中沒有的筆劃裝飾組成。例如，大寫 A 再其左腿底部可能有一個小彎，或者完全由花體部分和小的彎曲部分組成。Cursive 字型的例子包括 Zapf Chancery、Author 和 Comic Sans。

Fantasy 字型

這些字型無法用任何特徵來定義，只有一點是確定的，那就是我們無法很容易地將其規划到任何一種其他的字型系列當中。這樣的字型包括 Western、Woodblock 和 Klingon。

理論上講，使用者安裝的任何字型系列都會落入到上述某種通用系列中，但實際上可能並非如此，不過例外情況（如果有的話）往往很少。s

-----------以上引自W3School

 

西方國家字母體系分為兩類：serif以及sans serif。 　　

serif是有襯線字型，意思是在字的筆畫開始、結束的地方有額外的裝飾，而且筆畫的粗細會有所不同。相反的，sans serif就沒有這些額外的裝飾，而且筆畫的粗細差不多。 　　

serif字型容易識別，它強調了每個字母筆畫的開始和結束，因此易讀性比較高，sans serif則比較醒目。在走文閱讀的情況下，適合適用serif字型進行排版，易於換行閱讀的識別性，避免發生行間的閱讀錯誤。 　　

sans serif強調每一個字母，serif更強調於一個單詞。 　　

中文字型中的宋體就是一種最標準的serif字型，襯線的特徵非常明顯。字形結構也和手寫的楷書一致。因此宋體一直被做為最適合的本文字型之一。不過由於強調橫豎筆畫的對比，在遠處觀看的時候橫線就被弱化，導致識別性的下降 。

----------以上引自百度百科

sans serif（非襯線字型）更適合於作為標題，強調，

serif（襯線字型）更適合於本文。

------------

具體哪些字型是sans serif（非襯線字型），哪些字型是serif（襯線字型），在dreamweaver的CSS提示框中可以查到，其他的上網搜尋。

------------

引自QQ.com的CSS如下

body{margin:0;padding:0 0 12px 0;font-size:12px;line-height:22px;font-family:"宋體","Arial Narrow",HELVETICA;background:#fff;}

不難看出，字型大小：12像素，行高22像素，字型：宋體，Arial，Narrow，helvetica

 

引自taobao.com的CSS如下

body{font:12px/1.5 tahoma,arial,\5b8b\4f53;}

這段CSS的意思為：字型大小：12像素，行高1.5倍，即150%，1.5*12=18像素，字型：tahoma,arial,\5b8b\4f53，這裡的\5b8b\4f53是漢字"宋體"的Unicode編碼，不採用 SimSun的原因是 Firefox 的某些版本和 Opera 不支援 SimSun 的寫法。

 

font的縮寫方式，可按以下依次順序進行編寫s

• font-style
• font-variant
• font-weight
• font-size/line-height
• font-family

p.ex1{ font:italic arial,sans-serif; }
p.ex2{ font:italic bold 12px/20px arial,sans-serif; }

字型英文，unicode對照表

平台	中文名	英文名	Unicode	Unicode 2
Windows	新細明體	PMingLiU	\65B0\7EC6\660E\4F53	新细明体
	細明體	MingLiU	\7EC6\660E\4F53	细明体
	標楷體	DFKai-SB	\6807\6977\4F53	标楷体
	黑體	SimHei	\9ED1\4F53	黑体
	宋體	SimSun	\5B8B\4F53	宋体
	新宋體	NSimSun	\65B0\5B8B\4F53	新宋体
	仿宋	FangSong	\4EFF\5B8B	仿宋
	楷體	KaiTi	\6977\4F53	楷体
	仿宋_GB2312	FangSong_GB2312	\4EFF\5B8B_GB2312	仿宋_GB2312;
	楷體_GB2312	KaiTi_GB2312	\6977\4F53_GB2312	楷体_GB2312;
	微軟正黑體	Microsoft JhengHei	\5FAE\x8F6F\6B63\9ED1\4F53	微软正黑体
	微軟雅黑	Microsoft YaHei	\5FAE\8F6F\96C5\9ED1	微软雅黑
Mac OS	華文細黑	STHeiti Light [STXihei]	\534E\6587\7EC6\9ED1	华文细黑
	華文黑體	STHeiti	\534E\6587\9ED1\4F53	华文黑体
	華文楷體	STKaiti	\534E\6587\6977\4F53	华文楷体
	華文宋體	STSong	\534E\6587\5B8B\4F53	华文宋体
	華文仿宋	STFangsong	\534E\6587\4EFF\5B8B	华文仿宋
	麗黑 Pro	Pro LiHei Pro Medium	\534E\6587\7EC6\9ED1 Pro	丽黑Pro
	麗宋 Pro	LiSong Pro Light	\4E3D\5B8B Pro	丽宋 Pro
	標楷體	BiauKai	\6807\6977\4F53	标楷体
	蘋果麗中黑	Apple LiGothic Medium	\82F9\679C\4E3D\4E2D\9ED1	苹果丽中黑
	蘋果麗細宋	Apple LiSung Light	\82F9\679C\4E3D\7EC6\5B8B	苹果丽细宋
Office	隸書	LiSu	\96B6\4E66	隶书
	幼圓	YouYuan	\5E7C\5706	幼圆
	華文細黑	STXihei	\534E\6587\7EC6\9ED1	华文细黑