Web安全字體堆棧

在您的網頁上使用這些可靠的HTML字體

找到一個很好的字體堆棧,可以傳達您的網站風格,但在大多數網站中也可靠,可能會非常棘手。 如果您使用非網絡安全字體,那麼您的網站可能看起來不像您想要的那樣,因為當瀏覽器替代您的花哨字體令人驚訝時。

這些字體堆棧由系列 (serif,monospace等)分隔。 當您使用不是網頁安全字體的字體時,應先將它放在字體堆棧中,然後將其中一個堆疊添加到最後。

選擇風格最接近的字體堆棧並查看您的首選字體。

Sans Serif Web安全字體堆棧

無襯線文字適合在網頁上閱讀,因為沒有襯線可以在屏幕上模糊。

font-family:Arial,Helvetica,sans-serif;
font-family:'Arial Black',Gadget,sans-serif;
font-family:Impact,Charcoal,sans-serif;
font-family:'MS Sans Serif',Geneva,sans-serif;
字體家族:Tahoma,日內瓦,無襯線字體;
font-family:'Trebuchet MS',Helvetica,sans-serif;
font-family:Verdana,Geneva,sans-serif;

Serif Web安全字體堆棧

Serif字體適用於頭條新聞。 標題的類型越大意味著襯線不會在顯示器上模糊。

font-family:'Book Antiqua','Palatino Linotype',Palatino,serif;
font-family:Bookman,serif;
font-family:格魯吉亞,serif;
font-family:'MS Serif','New York',serif;
font-family:'Times New Roman',Times,serif;

等寬字體堆棧

等寬字體通常用於呈現代碼和其他類型,這些字體在所有字符都是相同寬度的字體(如打字機字體)中看起來效果最好。

font-family:Courier,等寬;
font-family:'Courier New',Courier,等寬;
font-family:'Lucida Console',摩納哥,等寬;

查看等寬字體堆棧示例。

草書字體堆棧

草書字體可能難以閱讀,而大多數係統(漫畫Sans)上最常見的字體卻很多人不喜歡它。

font-family:'Comic Sans MS',草書;

幻想字體堆棧

像草書字體一樣,幻想字體可能很難閱讀,而且在大多數係統中它們更不常見。 實際上,您可能會注意到我使用的字體堆棧與上面在sans serif類中使用的字體堆棧相同,這是因為碰撞和木炭非常獨特,以至於有些人認為它們是幻想字體。

font-family:影響力,木炭,幻想;

Dingbats,Wingdings或Symbol字體堆棧

裝飾符號或翼形符號是顯示小圖標或圖片而不是字母的符號字體。 這些沒有通用的字體類型,因此某些計算機可能會顯示與您預期的字體完全不同的字體。 另外,只有Internet Explorer才會顯示符號。 Firefox和其他瀏覽器只是以瀏覽器的默認字體顯示文本。

font-family:Symbol;
font-family:Webdings;
font-family:Wingdings,'Zapf標誌';