手册
目录
前言:
出色的字体搭配对于优秀的设计至关重要。
以下是一些创建优秀字体搭配的基本规则:
寻找相互补充的字体搭配通常是最稳妥的做法。
优秀的字体组合应当和谐,既不能过于相似,也不能差异过大。
字体超级家族是一组设计上相互协调的字体。因此,使用同一超级家族中的不同字体是安全的。
例如,Lucida 超级家族包含以下字体:Lucida Sans、Lucida Serif、Lucida Typewriter Sans、Lucida Typewriter Serif 以及 Lucida Math。
过于相似的两种字体常常会产生冲突。然而,恰当的对比可以突出每种字体的优点。
示例:衬线字体与无衬线字体的组合是一种经典的搭配方式。
一个强大的超级家族会同时包含该字体的衬线和无衬线版本(例如 Lucida 和 Lucida Sans)。
应有一种字体作为主导字体,这有助于建立页面字体的层级结构。可以通过字体大小、粗细和颜色的变化来实现。
毫无疑问,下面的例子中 "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" 作为正文:
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
Helvetica 和 Garamond 是另一种使用网页安全字体的经典组合:
使用 "Helvetica" 字体作为标题,"Garamond" 作为正文:
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
如果您不想使用 HTML 中的标准字体,可以使用 Google Fonts。
Google Fonts 是免费的,提供超过 1000 种字体供选择。
以下是一些流行的 Google 网页字体搭配组合。
使用 "Merriweather" 字体作为标题,"Open Sans" 作为正文:
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
使用 "Ubuntu" 字体作为标题,"Lora" 作为正文:
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
使用 "Abril Fatface" 字体作为标题,"Poppins" 作为正文:
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
使用 "Cinzel" 字体作为标题,"Fauna One" 作为正文:
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
使用 "Fjalla One" 字体作为标题,"Libre Baskerville" 作为正文:
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
使用 "Space Mono" 字体作为标题,"Muli" 作为正文:
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
使用 "Spectral" 字体作为标题,"Rubik" 作为正文:
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.
Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.
使用 "Oswald" 字体作为标题,"Noto Sans" 作为正文:
Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020).
相关
视频
RELATED VIDEOS
科技资讯
1
2
3
4
5
6
7
8
9
精选课程
共5课时
17.3万人学习
共49课时
77.9万人学习
共29课时
62.3万人学习
共25课时
39.7万人学习
共43课时
73.6万人学习
共25课时
62.2万人学习
共22课时
23.2万人学习
共28课时
34.4万人学习
共89课时
127万人学习