- 取得連結
- X
- 以電子郵件傳送
- 其他應用程式

最近做網頁設計時發現某件讓我煩惱的事,那就是認知的css字體實在太少,鑑於方便查閱,決定做個字體的整理。以下是內容,如果有其他不錯的字體,歡迎告訴我,再作補充,感謝了!
個人首推的字體是 MS PGothic,以前網站 YEEJIN'S 主體字便是使用MS PGothic,因為字體平滑沒有太多勾邊,縮小後依然可以是清晰的筆畫,總之就是長相很合我胃口啦......。然後前部落格的標題字體則為 Bradley Hand ITC (如上圖),蠻好看的書寫類字體,不過僅支援英文。
最後需注意的是某些字體太舊版的瀏覽器是不支援的喔,如果想確保字體呈現狀態最好選用安全字體!
在訂定網頁字體時,基本上不會只有一種字體,以 font-family: Verdana, Geneva, sans-serif 為例,用逗號分開是以防操作系统中没有 Verdana 那就用 Geneva,如果没有兩者都沒有,就用 sans-serif,以此類推,如果 CSS 中定義的字體都没有,那就用瀏覽器定義的默認字體。如果想要確實以某個字體為主,也可以 font-family: "Verdana", Geneva, sans-serif; 這種方式呈現,如此就會以 Verdana 為主要的字體呈現。
下方對照表就給各位參考囉,如果想看大一點的字體可以放大瀏覽器字體,或者 Ctrl+滾輪 喔!
(滑上放大滑下縮小)
中文對照組 | Adobe Caslon Pro |
中文對照組 | Adobe Caslon Pro Bold |
中文對照組 | Adobe Garamond Pro |
中文對照組 | Adobe Garamond Pro Bold |
中文對照組 | Adobe Myungjo Std M |
中文對照組 | Adobe 仿宋 Std R |
中文對照組 | Adobe 宋体 Std L |
中文對照組 | Adobe 明體 Std L |
中文對照組 | Adobe 楷体 Std R |
中文對照組 | Adobe 黑体 Std R |
中文對照組 | Agency FB |
中文對照組 | Aharoni |
中文對照組 | Algerian |
中文對照組 | Andalus |
中文對照組 | Angsana New |
中文對照組 | AngsanaUPC |
中文對照組 | Aparajita |
中文對照組 | Arabic Typesetting |
中文對照組 | Arial |
中文對照組 | Arial Black |
中文對照組 | Arial Narrow |
中文對照組 | Arial Rounded MT Bold |
中文對照組 | Arial Unicode MS |
中文對照組 | Baskerville Old Face |
中文對照組 | Batang |
中文對照組 | BatangChe |
中文對照組 | Bauhaus 93 |
中文對照組 | Bell Gothic Std Black |
中文對照組 | Bell Gothic Std Light |
中文對照組 | Bell MT |
中文對照組 | Berlin Sans FB |
中文對照組 | Berlin Sans FB Demi |
中文對照組 | Bernard MT Condensed |
中文對照組 | Birch Std |
中文對照組 | Blackadder ITC |
中文對照組 | Blackoak Std |
中文對照組 | Bodoni MT |
中文對照組 | Bodoni MT Black |
中文對照組 | Bodoni MT Condensed |
中文對照組 | Bodoni MT Poster Compressed |
中文對照組 | Book Antiqua |
中文對照組 | Bookman Old Style |
中文對照組 | Bookshelf Symbol 7 |
中文對照組 | Bradley Hand ITC |
中文對照組 | Britannic Bold |
中文對照組 | Broadway |
中文對照組 | Browallia New |
中文對照組 | BrowalliaUPC |
中文對照組 | Brush Script MT |
中文對照組 | Brush Script Std |
中文對照組 | Calibri |
中文對照組 | Calibri Light |
中文對照組 | Californian FB |
中文對照組 | Calisto MT |
中文對照組 | Cambria |
中文對照組 | Cambria Math |
中文對照組 | Candara |
中文對照組 | Castellar |
中文對照組 | Centaur |
中文對照組 | Century |
中文對照組 | Century Gothic |
中文對照組 | Century Schoolbook |
中文對照組 | Chaparral Pro |
中文對照組 | Charlemagne Std |
中文對照組 | Chiller |
中文對照組 | Colonna MT |
中文對照組 | Comic Sans MS |
中文對照組 | Consolas |
中文對照組 | Constantia |
中文對照組 | Cooper Black |
中文對照組 | Cooper Std Black |
中文對照組 | Copperplate Gothic Bold |
中文對照組 | Copperplate Gothic Light |
中文對照組 | Corbel |
中文對照組 | Cordia New |
中文對照組 | CordiaUPC |
中文對照組 | Courier |
中文對照組 | Courier New |
中文對照組 | Curlz MT |
中文對照組 | cursive |
中文對照組 | DaunPenh |
中文對照組 | David |
中文對照組 | DilleniaUPC |
中文對照組 | DokChampa |
中文對照組 | Dotum |
中文對照組 | DotumChe |
中文對照組 | Ebrima |
中文對照組 | Eccentric Std |
中文對照組 | Edwardian Script ITC |
中文對照組 | Elephant |
中文對照組 | Engravers MT |
中文對照組 | Eras Bold ITC |
中文對照組 | Eras Demi ITC |
中文對照組 | Eras Light ITC |
中文對照組 | Eras Medium ITC |
中文對照組 | Estrangelo Edessa |
中文對照組 | EucrosiaUPC |
中文對照組 | Euphemia |
中文對照組 | FangSong |
中文對照組 | fantasy |
中文對照組 | Felix Titling |
中文對照組 | Fixedsys |
中文對照組 | Footlight MT Light |
中文對照組 | Forte |
中文對照組 | FrankRuehl |
中文對照組 | Franklin Gothic Book |
中文對照組 | Franklin Gothic Demi |
中文對照組 | Franklin Gothic Demi Cond |
中文對照組 | Franklin Gothic Heavy |
中文對照組 | Franklin Gothic Medium |
中文對照組 | Franklin Gothic Medium Cond |
中文對照組 | FreesiaUPC |
中文對照組 | Freestyle Script |
中文對照組 | French Script MT |
中文對照組 | Gabriola |
中文對照組 | Gadget |
中文對照組 | Garamond |
中文對照組 | Gautami |
中文對照組 | Geneva |
中文對照組 | Georgia |
中文對照組 | Giddyup Std |
中文對照組 | Gigi |
中文對照組 | Gill Sans MT |
中文對照組 | Gill Sans MT Condensed |
中文對照組 | Gill Sans MT Ext Condensed Bold |
中文對照組 | Gill Sans Ultra Bold |
中文對照組 | Gill Sans Ultra Bold Condensed |
中文對照組 | Gisha |
中文對照組 | Gloucester MT Extra Condensed |
中文對照組 | Goudy Old Style |
中文對照組 | Goudy Stout |
中文對照組 | Gulim |
中文對照組 | GulimChe |
中文對照組 | Gungsuh |
中文對照組 | GungsuhChe |
中文對照組 | Haettenschweiler |
中文對照組 | Harlow Solid Italic |
中文對照組 | Harrington |
中文對照組 | Helvetica |
中文對照組 | High Tower Text |
中文對照組 | Hobo Std |
中文對照組 | Impact |
中文對照組 | Imprint MT Shadow |
中文對照組 | Informal Roman |
中文對照組 | IrisUPC |
中文對照組 | Iskoola Pota |
中文對照組 | JasmineUPC |
中文對照組 | Jokerman |
中文對照組 | Juice ITC |
中文對照組 | KaiTi |
中文對照組 | Kalinga |
中文對照組 | Kartika |
中文對照組 | Khmer UI |
中文對照組 | KodchiangUPC |
中文對照組 | Kokila |
中文對照組 | Kozuka Gothic Pro B |
中文對照組 | Kozuka Gothic Pro EL |
中文對照組 | Kozuka Gothic Pro H |
中文對照組 | Kozuka Gothic Pro L |
中文對照組 | Kozuka Gothic Pro M |
中文對照組 | Kozuka Gothic Pro R |
中文對照組 | Kozuka Mincho Pro B |
中文對照組 | Kozuka Mincho Pro EL |
中文對照組 | Kozuka Mincho Pro H |
中文對照組 | Kozuka Mincho Pro L |
中文對照組 | Kozuka Mincho Pro M |
中文對照組 | Kozuka Mincho Pro R |
中文對照組 | Kristen ITC |
中文對照組 | Kunstler Script |
中文對照組 | Lao UI |
中文對照組 | Latha |
中文對照組 | Leelawadee |
中文對照組 | Letter Gothic Std |
中文對照組 | Levenim MT |
中文對照組 | LilyUPC |
中文對照組 | Lithos Pro Regular |
中文對照組 | Lucida Bright |
中文對照組 | Lucida Calligraphy |
中文對照組 | Lucida Console |
中文對照組 | Lucida Fax |
中文對照組 | Lucida Grande |
中文對照組 | Lucida Handwriting |
中文對照組 | Lucida Sans |
中文對照組 | Lucida Sans Typewriter |
中文對照組 | Lucida Sans Unicode |
中文對照組 | MS Gothic |
中文對照組 | MS Mincho |
中文對照組 | MS Outlook |
中文對照組 | MS PGothic |
中文對照組 | MS PMincho |
中文對照組 | MS Reference Sans Serif |
中文對照組 | MS Reference Specialty |
中文對照組 | MS Sans Serif |
中文對照組 | MS Serif |
中文對照組 | MS UI Gothic |
中文對照組 | MT Extra |
中文對照組 | MV Boli |
中文對照組 | Magneto |
中文對照組 | Maiandra GD |
中文對照組 | Malgun Gothic |
中文對照組 | Manalgun Gothicgal |
中文對照組 | Marlett |
中文對照組 | Matura MT Script Capitals |
中文對照組 | Meiryo |
中文對照組 | Meiryo UI |
中文對照組 | Mesquite Std |
中文對照組 | Microsoft Himalaya |
中文對照組 | Microsoft New Tai Lue |
中文對照組 | Microsoft PhagsPa |
中文對照組 | Microsoft Sans Serif |
中文對照組 | Microsoft Tai Le |
中文對照組 | Microsoft Uighur |
中文對照組 | Microsoft YaHei |
中文對照組 | Microsoft Yi Baiti |
中文對照組 | Minion Pro |
中文對照組 | Minion Pro Cond |
中文對照組 | Minion Pro Med |
中文對照組 | Minion Pro SmBd |
中文對照組 | Miriam |
中文對照組 | Miriam Fixed |
中文對照組 | Mistral |
中文對照組 | Modern |
中文對照組 | Modern No. 20 |
中文對照組 | Mongolian Baiti |
中文對照組 | Monaco |
中文對照組 | monospace |
中文對照組 | Monotype Corsiva |
中文對照組 | MoolBoran |
中文對照組 | Myriad Pro |
中文對照組 | Myriad Pro Cond |
中文對照組 | Myriad Pro Light |
中文對照組 | NSimSun |
中文對照組 | Narkisim |
中文對照組 | New York |
中文對照組 | Niagara Engraved |
中文對照組 | Niagara Solid |
中文對照組 | Nueva Std Cond |
中文對照組 | Nyala |
中文對照組 | OCR A Extended |
中文對照組 | OCR A Std |
中文對照組 | Old English Text MT |
中文對照組 | Onyx |
中文對照組 | Open Sans |
中文對照組 | Orator Std |
中文對照組 | Palace Script MT |
中文對照組 | Palatino |
中文對照組 | Palatino Linotype |
中文對照組 | Papyrus |
中文對照組 | Parchment |
中文對照組 | Perpetua |
中文對照組 | Perpetua Titling MT |
中文對照組 | Plantagenet Cherokee |
中文對照組 | Playbill |
中文對照組 | Poor Richard |
中文對照組 | Poplar Std |
中文對照組 | Prestige Elite Std |
中文對照組 | Pristina |
中文對照組 | Raavi |
中文對照組 | Rage Italic |
中文對照組 | Ravie |
中文對照組 | Rockwell |
中文對照組 | Rockwell Condensed |
中文對照組 | Rockwell Extra Bold |
中文對照組 | Rod |
中文對照組 | Roman |
中文對照組 | Rosewood Std Regular |
中文對照組 | Sakkal Majalla |
中文對照組 | sans-serif |
中文對照組 | Script |
中文對照組 | Script MT Bold |
中文對照組 | Segoe Print |
中文對照組 | Segoe Script |
中文對照組 | Segoe UI |
中文對照組 | Segoe UI Light |
中文對照組 | Segoe UI Semibold |
中文對照組 | Segoe UI Symbol |
中文對照組 | serif |
中文對照組 | Shonar Bangla |
中文對照組 | Showcard Gothic |
中文對照組 | Shruti |
中文對照組 | SimHei |
中文對照組 | SimSun |
中文對照組 | SimSun-ExtB |
中文對照組 | Simplified Arabic |
中文對照組 | Simplified Arabic Fixed |
中文對照組 | Small Fonts |
中文對照組 | Snap ITC |
中文對照組 | Stencil |
中文對照組 | Stencil Std |
中文對照組 | Sylfaen |
中文對照組 | Symbol |
中文對照組 | System |
中文對照組 | Tahoma |
中文對照組 | Tekton Pro |
中文對照組 | Tekton Pro Cond |
中文對照組 | Tekton Pro Ext |
中文對照組 | Tempus Sans ITC |
中文對照組 | Terminal |
中文對照組 | Times New Roman |
中文對照組 | Traditional Arabic |
中文對照組 | Trajan Pro |
中文對照組 | Trebuchet MS |
中文對照組 | Tunga |
中文對照組 | Tw Cen MT |
中文對照組 | Tw Cen MT Condensed |
中文對照組 | Tw Cen MT Condensed Extra Bold |
中文對照組 | Utsaah |
中文對照組 | Vani |
中文對照組 | Verdana |
中文對照組 | Vijaya |
中文對照組 | Viner Hand ITC |
中文對照組 | Vivaldi |
中文對照組 | Vladimir Script |
中文對照組 | Vrinda |
中文對照組 | Webdings |
中文對照組 | Wide Latin |
中文對照組 | Wingdings |
中文對照組 | Wingdings 2 |
中文對照組 | Wingdings 3 |
微軟正黑體 | Microsoft JhengHei |
標楷體 | DFKai-SB |
新細明體 | PMingLiU |
新細明體-ExtB | 新細明體-ExtB |
細明體 | MingLiU |
細明體-ExtB | 細明體-ExtB |
細明體_HKSCS | 細明體_HKSCS |
細明體_HKSCS-ExtB | 細明體_HKSCS-ExtB |
留言
張貼留言