CSS 字体搭配

出色的字体搭配对于出色的设计至关重要。

字体配对规则

以下是创建出色字体配对的一些基本规则：

1. 补充

找到相互补充的字体配对总是安全的。

优秀的字体组合应该协调一致，而不是太相似或太不同。

2.使用字体超级家族

字体超家族是一组旨在协同工作的字体。因此，在同一超家族中使用不同的字体是安全的。

例如，Lucida 超家族包含以下字体：Lucida Sans、Lucida Serif、Lucida Typewriter Sans、Lucida Typewriter Serif 和 Lucida Math。

3.对比为王

两种过于相似的字体常常会发生冲突。然而，以正确的方式进行对比可以使每种字体发挥出最好的效果。

示例：衬线体与无衬线体的组合是一种众所周知的组合。

强大的超家族包括同一字体的衬线和无衬线变体（例如 Lucida 和 Lucida Sans）。

4. 只选择一位老板

一种字体应该是老板。这会为页面上的字体建立层次结构。这可以通过改变尺寸、重量和颜色来实现。

下面，我们展示了一些适合许多品牌和环境的流行字体配对。

乔治亚州和韦尔达纳

Georgia 和 Verdana 是一个经典的组合。它还遵守网页安全字体标准：

Helvetica 和 Garamond

Helvetica 和 Garamond 是另一个使用网页安全字体的经典组合：

流行的 Google 字体配对

如果您不想在 HTML 中使用标准字体，可以使用 Google Fonts。

Google Fonts 可免费使用，有超过 1000 种字体可供选择。

以下是一些流行的 Google 网络字体配对。

Merriweather 和 Open Sans

乌班图和劳拉

阿布里尔·胖脸和 Poppins

辛泽尔与动物一号

Fjalla One 和 Libre Baskerville

空间 Mono 和 Muli

光谱与魔方

奥斯瓦尔德和诺托三世

有关所有免费 Google 字体的列表，请访问我们的如何 - Google 字体教程。