字體使用基本原則:清晰+易讀!
當你選擇某種字體時,必須保證選定的字體不但要在選定的平臺上看起來不錯,還要保證在其他平臺上也能正常顯示。沒有人強迫你按照某種方式設計。Web是一個開放式的環境,采用自己喜歡的字體,不要被一些考慮不充分的意見動搖,只要保證你的網站訪問者能夠閱讀它就行。
下面是歸納的幾種Web安全字體,注意它的用途只是建議性的,不要求一定這樣做 ^_^!
| 字體名稱 | 字體類型 | 字體特點 | 用途 | Demo |
|---|---|---|---|---|
| Verdana | 非襯線(sans-serif) | 可讀性強,適合在小字體中使用,99%的Web用戶機器上都有安裝 | 主要用于政府性或重要的商業網站 | Verdana |
| Georgia | 襯線(serif) | 專為屏幕顯示而設計的,它的斜體清晰易讀 | 主要用于與歷史有關的網站 | Georgia |
| Times New Roman | 襯線(serif) | 專為PC平臺(屏幕顯示)設計的,如果希望你的網頁可讀性更強,可使用Georgia替代 | 通常用于金融機構網站 | Times New Roman |
| Times | 襯線(serif) | 針對Mac平臺設計的Times New Roman字體,但不是專為屏幕顯示而設計的 | 通常用于金融機構網站 | Times |
| Arial | 非襯線(sans-serif) | 這種字體設計的網站看起來有現代感,運用廣泛,不宜用于小字體 | 常用語高雅的博物館網站設計 | Arial |
| Helvetica | 非襯線(sans-serif) | Mac機上與Arial最相似的字體,是現實世界中一種優良的打印字體,屏幕表現不好 | 可用于設計新興傳媒公司網站 | Helvetica |
| Tahoma | 非襯線(sans-serif) | 在安裝了Microsoft office的機器上都有Tahoma字體,適用性強,但與Verdana很相似所以用的少 | 設計商業網站 | Tahoma |
| Comic Sans MS | 襯線(serif) | 看上去很輕率,是一種不正式的字體 | 常用于顯示一些不滑稽的笑話或打印的邀請函 | Comic Sans MS |
| Trebuchet | 非襯線(sans-serif) | 屏幕顯示效果好,比大多數字體都小,試圖用有限的空間顯示相同的效果,IE各版本都有 | 可以用來設計個人公文包 | Trebuchet |
| Courier | 等寬字體(Monospace) | 在水平、垂直方向排列的都很好,其中Courier New是最常用的當寬字體,但不宜用于過小字體,類似的還有Lucida Console(Windows),American Typewriter(Mac)和Monaco(Mac) | 用來顯示代碼或仿真打印機文本 | Courier |
下面是一組替代字體: