136 · 设计与网页

字体配对预览器

选择标题字体和正文字体,看看它们如何与您自己的文本一起使用。

您的数据: 该工具处理您在此浏览器中的输入。 CapyHelp 不会上传该输入来生成结果。 隐私详情

字体配对预览器

如何使用字体配对预览器

  1. 选择标题字体和正文字体。
  2. 调整大小并输入您自己的文本。
  3. 复制 CSS。

为什么要使用系统字体

这些字体已经存在于大多数计算机和手机上,因此它们可以立即加载并且无需任何费用。每种字体都有后备方案:如果设备没有第一个选择,则使用下一个类似的字体。经典的搭配是衬线标题,例如 Georgia,搭配干净的无衬线正文。

示例

格鲁吉亚 + 系统 UI

经典,可读

影响+Verdana

粗体标题、宽体文本

问题

为什么字体在我的手机上看起来不一样?

有些字体并不是到处都安装的,因此需要使用备用字体。 CSS 为每个选择列出了良好的后备方案。

自动翻译。回顾重要结果。