網站設計中,用到的字體取決于產品在什么系統上運行,產品是純英文還是中文英文甚至還有其他國家語言。網頁上中文字體用的更多的有微軟雅黑、黑體、宋體、楷體。
英文字體 26個大寫+26個小寫+標點符號不是很多,但中文漢字的數量,所以很少有網站會去讓用戶去下載中文字體的。
當然有一種方式就是多種字體交叉使用。網頁設計,即是網站設計字體的運用對網站整體起到很大作用。下面列舉出網頁CSS常用中英文字體,windows平臺下的字體及其預覽。
中文網站CSS中一般這樣定義網頁字體:
body{font:14px/1.6em Arial,"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53";}
網站CSS常用中文字體
宋體:SimSun("\5B8B\4F53")
春眠不覺曉,處處聞啼鳥;夜來風雨聲,花落知多少。
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789仿宋:FangSong
春眠不覺曉,處處聞啼鳥;夜來風雨聲,花落知多少。
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789黑體:SimHei
春眠不覺曉,處處聞啼鳥;夜來風雨聲,花落知多少。
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789微軟雅黑:Microsoft YaHei("\5FAE\8F6F\96C5\9ED1")
春眠不覺曉,處處聞啼鳥;夜來風雨聲,花落知多少。
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789楷體:KaiTi
春眠不覺曉,處處聞啼鳥;夜來風雨聲,花落知多少。
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789注:有些中文字體是在其電腦上安裝完Office才會有的,如:隸書(LiSu)、幼圓(YouYuan)、方正舒體(FZShuTi)、方正姚體(FZYaoti)、華文彩云(STCaiyun)、華文琥珀(STHupo)、華文隸書(STLiti)、華文行楷(STXingkai)、華文新魏(STXinwei)…… 這里就不列舉展示了。
網站CSS常用英文字體
Arial
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789
PmingLiu
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789
Impact
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789
Georgia
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789
Tahoma
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789
Book Antiqua
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789
Century Gothic
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789
Courier New
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789
Times New Roman
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789
Verdana
ABCDEFGHIJKLMNOPQRSTUVWXYZ?abcdefghijklmnopqrstuvwxyz?0123456789