网页字体预览
实时预览 Google Fonts 中的网页字体。 调整大小和颜色的同时比较多种字体。
12px72px
Arial
sans-serifArial, sans-serif
The quick brown fox jumps over the lazy dog. 0123456789
Helvetica
sans-serifHelvetica, Arial, sans-serif
The quick brown fox jumps over the lazy dog. 0123456789
Verdana
sans-serifVerdana, Geneva, sans-serif
The quick brown fox jumps over the lazy dog. 0123456789
Trebuchet MS
sans-serif"Trebuchet MS", Helvetica, sans-serif
The quick brown fox jumps over the lazy dog. 0123456789
Georgia
serifGeorgia, "Times New Roman", serif
The quick brown fox jumps over the lazy dog. 0123456789
Times New Roman
serif"Times New Roman", Times, serif
The quick brown fox jumps over the lazy dog. 0123456789
Courier New
monospace"Courier New", Courier, monospace
The quick brown fox jumps over the lazy dog. 0123456789
Impact
displayImpact, Haettenschweiler, sans-serif
The quick brown fox jumps over the lazy dog. 0123456789
Comic Sans MS
display"Comic Sans MS", cursive, sans-serif
The quick brown fox jumps over the lazy dog. 0123456789
monospace
genericmonospace
The quick brown fox jumps over the lazy dog. 0123456789
serif
genericserif
The quick brown fox jumps over the lazy dog. 0123456789
sans-serif
genericsans-serif
The quick brown fox jumps over the lazy dog. 0123456789
分享此工具
📖
使用方法
Step 1
输入文本
输入要预览的文本
→
Step 2
选择字体
选择要比较的字体
→
Step 3
查看预览
调整字体大小和粗细进行预览
✨
功能特点
实时预览
输入时字体显示实时更新
Google Fonts 支持
从丰富的 Google Fonts 字体库中选择
字体对比
并排显示多种字体以找到最佳选择
❓
FAQ
可以预览 Google Fonts 上提供的字体。
🔗相关工具
🎨
设计工具颜色代码转换器
在 HEX、RGB 和 HSL 颜色代码之间转换。 使用取色器和实时预览直观选择颜色。
🎨
设计工具取色器
使用色轮和滑块直观选择颜色。 获取并复制 HEX、RGB 和 HSL 格式的颜色代码。
🎨
设计工具图片颜色提取器
自动检测图片中的主色调并生成色板。 还可以点击图片任意位置提取单个颜色。
🎯
设计工具图片平均色提取器
计算整张图片或选定区域的平均颜色。 适用于配色方案选择或缩略图背景色。
🌈
设计工具CSS 渐变生成器
通过拖拽控制可视化创建 CSS 渐变。 支持线性、径向和锥形渐变类型，带预设。
🔲
设计工具CSS 阴影生成器
通过滑块可视化创建 CSS box-shadow。 支持多重阴影和内阴影。