design
免费
无需注册
字体搭配工具
浏览精选的Google Fonts搭配方案，实时预览标题和正文文本，并复制即用的CSS代码片段。
正在加载工具…
关于此工具
探索20多种精心挑选的字体搭配方案，如Playfair Display + Source Sans Pro或Montserrat + Merriweather，或从30种精选字体中自由组合。字体通过Google Fonts API动态加载，让您看到文本的实际效果。输入自定义预览文本，然后复制@import代码片段和CSS font-family声明，立即用于您的项目。
使用方法
- 1 第一步：从画廊中选择精选搭配，或切换到浏览模式，从30种精选字体中选择任意标题字体和正文字体。
- 2 第二步：在预览面板中输入您自己的文本，查看内容在所选字体中的实际效果。
- 3 第三步：调整字体大小，以在不同比例（如移动端、平板或桌面端）下评估搭配效果。
- 4 第四步：点击「复制CSS」以复制Google Fonts @import URL和font-family声明，直接粘贴到您的样式表中。