CSS 絕佳字型搭配
絕佳的字型搭配對出色的設計至關重要。
字型搭配規則
以下是一些創建出色字型搭配的基本規則
1. 互補
尋找互補的字型搭配通常是安全的。
出色的字型組合應該和諧統一，既不太相似也不太不同。
2. 使用字型家族
字型家族是一組設計上易於協同工作的字型。因此，使用同一字型家族內的不同字型是安全的。
例如，Lucida 字型家族包含以下字型：Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif 和 Lucida Math。
3. 對比是關鍵
兩種過於相似的字型常常會產生衝突。然而，恰當的對比能夠讓每種字型都發揮出最佳效果。
示例：將襯線字型與無襯線字型結合是一種廣為人知的搭配。
一個強大的字型家族通常包含同一字型的襯線和無襯線變體（例如：Lucida 和 Lucida Sans）。
4. 只選擇一個主導
一種字型應該成為主導。這可以為頁面上的字型建立層級。可以透過改變大小、粗細和顏色來實現。
示例
毫無疑問，“Georgia”是這裡的“老闆”。
body {
background-color: black;
font-family: Verdana, sans-serif;
font-size: 16px;
color: gray;
}
h1 {
font-family: Georgia, serif;
font-size: 60px;
color: white;
}
自己動手試一試 »
下面，我們展示了一些流行的字型搭配，它們適用於許多品牌和場景。
Georgia 和 Verdana
Georgia 和 Verdana 是經典的組合。它們也符合 Web 安全字型標準。
示例
將“Georgia”字型用於標題，將“Verdana”字型用於正文。
美麗的挪威
挪威的總面積為 385,252 平方公里，人口為 5,438,657（2020 年 12 月）。挪威北部和東北部與瑞典、芬蘭和俄羅斯接壤，南部瀕臨斯卡格拉克海峽，南部有丹麥。
挪威擁有美麗的群山、冰川和令人驚歎的峽灣。首都奧斯陸是一個充滿綠色空間和博物館的城市。卑爾根以其色彩繽紛的木屋而聞名，是前往壯觀的松恩峽灣遊輪的起點。挪威還以漁業、徒步旅行和滑雪而聞名。
自己動手試一試 »
Helvetica 和 Garamond
Helvetica 和 Garamond 也是一種經典的組合，使用 Web 安全字型。
示例
將“Helvetica”字型用於標題，將“Garamond”字型用於正文。
美麗的挪威
挪威的總面積為 385,252 平方公里，人口為 5,438,657（2020 年 12 月）。挪威北部和東北部與瑞典、芬蘭和俄羅斯接壤，南部瀕臨斯卡格拉克海峽，南部有丹麥。
挪威擁有美麗的群山、冰川和令人驚歎的峽灣。首都奧斯陸是一個充滿綠色空間和博物館的城市。卑爾根以其色彩繽紛的木屋而聞名，是前往壯觀的松恩峽灣遊輪的起點。挪威還以漁業、徒步旅行和滑雪而聞名。
自己動手試一試 »
流行的 Google 字型搭配
如果您不想在 HTML 中使用標準字型，可以使用 Google Fonts。
Google Fonts 可免費使用，擁有超過 1000 種字型可供選擇。
以下是一些流行的 Google 網頁字型搭配。
Merriweather 和 Open Sans
示例
將“Merriweather”字型用於標題，將“Open Sans”字型用於正文。
美麗的挪威
挪威的總面積為 385,252 平方公里，人口為 5,438,657（2020 年 12 月）。挪威北部和東北部與瑞典、芬蘭和俄羅斯接壤，南部瀕臨斯卡格拉克海峽，南部有丹麥。
挪威擁有美麗的群山、冰川和令人驚歎的峽灣。首都奧斯陸是一個充滿綠色空間和博物館的城市。卑爾根以其色彩繽紛的木屋而聞名，是前往壯觀的松恩峽灣遊輪的起點。挪威還以漁業、徒步旅行和滑雪而聞名。
自己動手試一試 »
Ubuntu 和 Lora
示例
將“Ubuntu”字型用於標題，將“Lora”字型用於正文。
美麗的挪威
挪威的總面積為 385,252 平方公里，人口為 5,438,657（2020 年 12 月）。挪威北部和東北部與瑞典、芬蘭和俄羅斯接壤，南部瀕臨斯卡格拉克海峽，南部有丹麥。
挪威擁有美麗的群山、冰川和令人驚歎的峽灣。首都奧斯陸是一個充滿綠色空間和博物館的城市。卑爾根以其色彩繽紛的木屋而聞名，是前往壯觀的松恩峽灣遊輪的起點。挪威還以漁業、徒步旅行和滑雪而聞名。
自己動手試一試 »
Abril Fatface 和 Poppins
示例
將“Abril Fatface”字型用於標題，將“Poppins”字型用於正文。
美麗的挪威
挪威的總面積為 385,252 平方公里，人口為 5,438,657（2020 年 12 月）。挪威北部和東北部與瑞典、芬蘭和俄羅斯接壤，南部瀕臨斯卡格拉克海峽，南部有丹麥。
挪威擁有美麗的群山、冰川和令人驚歎的峽灣。首都奧斯陸是一個充滿綠色空間和博物館的城市。卑爾根以其色彩繽紛的木屋而聞名，是前往壯觀的松恩峽灣遊輪的起點。挪威還以漁業、徒步旅行和滑雪而聞名。
自己動手試一試 »
Cinzel 和 Fauna One
示例
將“Cinzel”字型用於標題，將“Fauna One”字型用於正文。
美麗的挪威
挪威的總面積為 385,252 平方公里，人口為 5,438,657（2020 年 12 月）。挪威北部和東北部與瑞典、芬蘭和俄羅斯接壤，南部瀕臨斯卡格拉克海峽，南部有丹麥。
挪威擁有美麗的群山、冰川和令人驚歎的峽灣。首都奧斯陸是一個充滿綠色空間和博物館的城市。卑爾根以其色彩繽紛的木屋而聞名，是前往壯觀的松恩峽灣遊輪的起點。挪威還以漁業、徒步旅行和滑雪而聞名。
自己動手試一試 »
Fjalla One 和 Libre Baskerville
示例
將“Fjalla One”字型用於標題，將“Libre Baskerville”字型用於正文。
美麗的挪威
挪威的總面積為 385,252 平方公里，人口為 5,438,657（2020 年 12 月）。挪威北部和東北部與瑞典、芬蘭和俄羅斯接壤，南部瀕臨斯卡格拉克海峽，南部有丹麥。
挪威擁有美麗的群山、冰川和令人驚歎的峽灣。首都奧斯陸是一個充滿綠色空間和博物館的城市。卑爾根以其色彩繽紛的木屋而聞名，是前往壯觀的松恩峽灣遊輪的起點。挪威還以漁業、徒步旅行和滑雪而聞名。
自己動手試一試 »
Space Mono 和 Muli
示例
將“Space Mono”字型用於標題，將“Muli”字型用於正文。
美麗的挪威
挪威的總面積為 385,252 平方公里，人口為 5,438,657（2020 年 12 月）。挪威北部和東北部與瑞典、芬蘭和俄羅斯接壤，南部瀕臨斯卡格拉克海峽，南部有丹麥。
挪威擁有美麗的群山、冰川和令人驚歎的峽灣。首都奧斯陸是一個充滿綠色空間和博物館的城市。卑爾根以其色彩繽紛的木屋而聞名，是前往壯觀的松恩峽灣遊輪的起點。挪威還以漁業、徒步旅行和滑雪而聞名。
自己動手試一試 »
Spectral 和 Rubik
示例
將“Spectral”字型用於標題，將“Rubik”字型用於正文。
美麗的挪威
挪威的總面積為 385,252 平方公里，人口為 5,438,657（2020 年 12 月）。挪威北部和東北部與瑞典、芬蘭和俄羅斯接壤，南部瀕臨斯卡格拉克海峽，南部有丹麥。
挪威擁有美麗的群山、冰川和令人驚歎的峽灣。首都奧斯陸是一個充滿綠色空間和博物館的城市。卑爾根以其色彩繽紛的木屋而聞名，是前往壯觀的松恩峽灣遊輪的起點。挪威還以漁業、徒步旅行和滑雪而聞名。
自己動手試一試 »
Oswald 和 Noto Sans
示例
將“Oswald”字型用於標題，將“Noto Sans”字型用於正文。
美麗的挪威
挪威的總面積為 385,252 平方公里，人口為 5,438,657（2020 年 12 月）。挪威北部和東北部與瑞典、芬蘭和俄羅斯接壤，南部瀕臨斯卡格拉克海峽，南部有丹麥。
挪威擁有美麗的群山、冰川和令人驚歎的峽灣。首都奧斯陸是一個充滿綠色空間和博物館的城市。卑爾根以其色彩繽紛的木屋而聞名，是前往壯觀的松恩峽灣遊輪的起點。挪威還以漁業、徒步旅行和滑雪而聞名。
自己動手試一試 »
要獲取所有免費 Google 字型列表，請訪問我們的 How To - Google Fonts 教程。
