HTML5 好看字體代碼
HTML5 是現代 Web 開發中最流行的標準之一,擁有許多讓設計師感興趣的新特性。這些新特性包括更好的字體支持,這是一個能夠使網站更吸引人的重要因素。下面列出了一些適用于 HTML5 的好看字體代碼:
p { font-family: 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 1.5; color: #333; margin-bottom: 20px; text-align: justify; }
上面這些代碼讓你使用 Helvetica Neue 字體(如果用戶沒有安裝該字體,則會使用默認 sans-serif 字體集合而無需額外域名請求。),在文本塊之間添加 20 像素的空白,同時將其設置為 Justify 文本。這些代碼不僅使 HTML5 具有更好的外觀,而且可以幫助提高用戶的可讀性。
h1 { font-family: 'Montserrat', sans-serif; font-size: 36px; font-weight: bold; color: #333; text-transform: uppercase; letter-spacing: 2px; }
上述代碼將 h1 元素的字體設置為 Montserrat 字體,并將文本轉換成大寫形式。它還為 Montserrat 字體使用粗體,并在字母之間添加 2 像素的空白,使 h1 更突出和凸顯。
h2 { font-family: 'Playfair Display', serif; font-size: 28px; font-weight: bold; font-style: italic; color: #333; margin-bottom: 20px; }
這些代碼將 h2 元素的字體設置為 Playfair Display 字體,并為其使用粗體和斜體。在各標題之間,添加 20 像素的空白,以便在文章中分段顯示。