HTML 中有許多字體可供使用,通過指定字體的名稱或者使用通用的字體來設置文本字體。下面是 HTML 中所有字體的代碼:
<!DOCTYPE html> <html> <head> <title>所有字體</title> </head> <body style="font-size:20px;"> <p style="font-family:Arial;">Arial</p> <p style="font-family: 'Comic Sans MS', cursive, sans-serif;">Comic Sans MS</p> <p style="font-family: 'Courier New', Courier, monospace;">Courier New</p> <p style="font-family: Georgia, serif;">Georgia</p> <p style="font-family: 'Lucida Console', Monaco, monospace;">Lucida Console</p> <p style="font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;">Lucida Sans Unicode</p> <p style="font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;">Palatino Linotype</p> <p style="font-family: 'Tahoma', Geneva, sans-serif;">Tahoma</p> <p style="font-family: 'Times New Roman', Times, serif;">Times New Roman</p> <p style="font-family: 'Trebuchet MS', Helvetica, sans-serif;">Trebuchet MS</p> <p style="font-family: Verdana, Geneva, sans-serif;">Verdana</p> </body> </html>
在代碼中,我們使用了<p>
標簽來創建段落,并通過<pre>
標簽來顯示代碼,這樣使代碼更加易于閱讀。我們還為<body>
元素設置了一個字體大小為 20 像素的樣式,以改變所有段落的字體大小。
對于每個字體,我們使用了style
屬性來指定該字體的名稱,并使用<p>
標簽將其包裝在段落中。如果指定的字體不可用,瀏覽器將自動選擇下一個字體。我們使用了通用字體,如 Serif、Sans-serif 和 Mono-space,以確保文本始終擁有可讀的字體。
在實際使用中,應該選擇合適的字體來匹配網站的風格和設計,同時考慮到網站的可讀性和易用性。