真实网站上的字体搭配

这些字体组合在What the Font分析的网站中最常一起出现。每个搭配都基于真实使用数据,而非仅仅是设计理论。

最常见的字体搭配

#1在104个网站上一起使用
#2在104个网站上一起使用
#3在78个网站上一起使用
#4在44个网站上一起使用
#5在42个网站上一起使用
#6在42个网站上一起使用
#7在33个网站上一起使用
#8在31个网站上一起使用
#10在28个网站上一起使用
#11在28个网站上一起使用
#13在26个网站上一起使用
#15在25个网站上一起使用
#16在23个网站上一起使用
#17在23个网站上一起使用

什么是字体搭配?

字体搭配是指在网站上搭配使用效果良好的两种(或更多)字体组合。通常一种字体用于标题,另一种用于正文。最佳搭配在保持和谐的同时创造视觉层次 - 字体之间有足够的对比使其各具特色,但又有足够的共同个性使整体看起来统一协调。

这些数据来自哪里?

本页面上的每个搭配都来自 What the Font 分析过的真实网站。当多种字体一起出现在同一个网站上时,它们就被计为一个搭配。某个组合出现在越多网站上,它在排名中的位置就越高。这反映了真实开发者和设计师的实际设计决策。

如何为你的项目选择字体搭配

首先选择一种主字体用于标题 - 选择能体现品牌个性的独特字体。然后选择一种在小尺寸下仍然高度易读的辅助字体用于正文。常见的方法是将衬线字体与无衬线字体搭配,或将展示字体与 Inter 或 Roboto 等中性字体搭配。点击字体名称可以查看完整详情。

所有字体均来自 Google Fonts

这些搭配中出现的每种字体都可以在 Google Fonts 上获取 - 这是一个可在任何网站上免费使用的开源字体库。只需为所需字体添加 CSS 导入语句,即可立即开始使用。无需许可费用,无需订阅。点击字体名称可查看其 Google Fonts 页面并复制导入代码。

要分析网站吗?

如果您想识别网站上的字体而非静态图片,请使用我们的 URL 字体检查器。粘贴任何 URL,我们将提取该网站使用的所有字体。