如何使用字体配对预览器
- 选择标题字体和正文字体。
- 调整大小并输入您自己的文本。
- 复制 CSS。
为什么要使用系统字体
这些字体已经存在于大多数计算机和手机上,因此它们可以立即加载并且无需任何费用。每种字体都有后备方案:如果设备没有第一个选择,则使用下一个类似的字体。经典的搭配是衬线标题,例如 Georgia,搭配干净的无衬线正文。
示例
经典,可读
粗体标题、宽体文本
136 · 设计与网页
选择标题字体和正文字体,看看它们如何与您自己的文本一起使用。
您的数据: 该工具处理您在此浏览器中的输入。 CapyHelp 不会上传该输入来生成结果。 隐私详情
这些字体已经存在于大多数计算机和手机上,因此它们可以立即加载并且无需任何费用。每种字体都有后备方案:如果设备没有第一个选择,则使用下一个类似的字体。经典的搭配是衬线标题,例如 Georgia,搭配干净的无衬线正文。
经典,可读
粗体标题、宽体文本
有些字体并不是到处都安装的,因此需要使用备用字体。 CSS 为每个选择列出了良好的后备方案。
自动翻译。回顾重要结果。