CSS 出色的字体搭配
出色的字体搭配对于出色的设计至关重要。
字体配对规则
以下是创建出色字体搭配的一些基本规则：
1. 补充
找到互相补充的字体组合总是安全的。
良好的字体组合应该是协调的，既不能太相似，也不能太不同。
2. 使用字体超系列
字体超系列是一组旨在协同工作的字体。因此，在同一个超系列中使用不同的字体是安全的。
例如，Lucida 超家族包含以下字体：Lucida Sans、Lucida Serif、Lucida Typewriter Sans、Lucida Typewriter Serif 和 Lucida Math。
3. 对比为王
两种过于相似的字体往往会产生冲突。但是，如果以正确的方式进行对比，则可以凸显每种字体的优点。
示例：衬线字体与无衬线字体的组合是一种众所周知的组合。
强大的超家族包括同一字体的衬线和无衬线变体（例如 Lucida 和 Lucida Sans）。
4. 只选择一个老板
一种字体应该是最主要的。这为页面上的字体建立了层次结构。这可以通过改变字体的大小、粗细和颜色来实现。
例子
毫无疑问“乔治亚州”是这里的老大：
身体 {
背景颜色：黑色；
字体系列：Verdana，无衬线；
字体大小：16px；
颜色：灰色；
}
h1 {
字体系列：Georgia，衬线；
字体大小：60px；
白颜色;
}
亲自尝试 »
下面，我们展示了一些适合许多品牌和环境的流行字体搭配。
Georgia 和 Verdana
Georgia 和 Verdana 是经典的组合。它还符合网络安全字体标准：
例子
使用“Georgia”字体作为标题，使用“Verdana”字体作为文本：
美丽的挪威
挪威总面积385,252平方公里，人口5,438,657（2020年12月）。挪威东北部与瑞典、芬兰和俄罗斯接壤，南部濒临斯卡格拉克海峡，对岸是丹麦。
挪威有美丽的山脉、冰川和壮丽的峡湾。首都奥斯陆是一座绿地和博物馆之城。卑尔根拥有色彩缤纷的木屋，是前往壮丽的松恩峡湾的游轮的出发点。挪威还以钓鱼、徒步旅行和滑雪而闻名。
亲自尝试 »
Helvetica 和 Garamond
Helvetica 和 Garamond 是另一种使用网页安全字体的经典组合：
例子
标题使用“Helvetica”字体，文本使用“Garamond”字体：
美丽的挪威
挪威总面积385,252平方公里，人口5,438,657（2020年12月）。挪威东北部与瑞典、芬兰和俄罗斯接壤，南部濒临斯卡格拉克海峡，对岸是丹麦。
挪威有美丽的山脉、冰川和壮丽的峡湾。首都奥斯陆是一座绿地和博物馆之城。卑尔根拥有色彩缤纷的木屋，是前往壮丽的松恩峡湾的游轮的出发点。挪威还以钓鱼、徒步旅行和滑雪而闻名。
亲自尝试 »
流行的 Google 字体搭配
如果您不想使用 HTML 中的标准字体，您可以使用 Google Fonts。
Google Fonts 可以免费使用，并且有超过 1000 种字体可供选择。
以下是一些流行的 Google Web 字体搭配。
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”字体：
美丽的挪威
挪威总面积385,252平方公里，人口5,438,657（2020年12月）。挪威东北部与瑞典、芬兰和俄罗斯接壤，南部濒临斯卡格拉克海峡，对岸是丹麦。
挪威有美丽的山脉、冰川和壮丽的峡湾。首都奥斯陆是一座绿地和博物馆之城。卑尔根拥有色彩缤纷的木屋，是前往壮丽的松恩峡湾的游轮的出发点。挪威还以钓鱼、徒步旅行和滑雪而闻名。
亲自尝试 »
幽灵与魔方
例子
使用“Spectral”字体作为标题，使用“Rubik”字体作为文本：
美丽的挪威
挪威总面积385,252平方公里，人口5,438,657（2020年12月）。挪威东北部与瑞典、芬兰和俄罗斯接壤，南部濒临斯卡格拉克海峡，对岸是丹麦。
挪威有美丽的山脉、冰川和壮丽的峡湾。首都奥斯陆是一座绿地和博物馆之城。卑尔根拥有色彩缤纷的木屋，是前往壮丽的松恩峡湾的游轮的出发点。挪威还以钓鱼、徒步旅行和滑雪而闻名。
亲自尝试 »
Oswald 和 Noto Sans
例子
使用“Oswald”字体作为标题，使用“Noto Sans”字体作为文本：
美丽的挪威
挪威总面积385,252平方公里，人口5,438,657（2020年12月）。挪威东北部与瑞典、芬兰和奥尔科斯坦接壤，南部濒临斯卡格拉克海峡，对岸是丹麦。
挪威有美丽的山脉、冰川和壮丽的峡湾。首都奥斯陆是一座绿地和博物馆之城。卑尔根拥有色彩缤纷的木屋，是前往壮丽的松恩峡湾的游轮的出发点。挪威还以钓鱼、徒步旅行和滑雪而闻名。
亲自尝试 »
如需查看所有免费 Google 字体的列表，请访问我们的 如何 - Google 字体教程.
