🔤字体预览
实时预览系统字体与 Google Fonts，自由调节字号、字重、样式与颜色，并内置 PX/REM 单位互转，助力设计师与前端开发者高效选型。
px
= 3.00 rem
#0F172A
#FFFFFF
👁️ 实时预览
（效果即时更新）
奇遇网 · 字体预览
16px · 400 · 常规
字体：微软雅黑
字号：48px
字重：400
样式：常规
📐 PX / REM 互转
基于根字号 16px
px
= 3.00 rem
根字号 16 px
rem
= 48 px
根字号 16 px
⏳ 已就绪 · 选择字体开始预览
💡 使用说明
- 在 预览文本 框中输入任意文字，右侧预览区实时更新效果。
- 从 字体 下拉列表中选择系统字体或 Google Fonts，Google Fonts 会自动加载。
- 通过 滑块 或 数字输入 调整字号，同时显示对应的 rem 值。
- 点击 字重按钮 调整粗细，点击 样式按钮 切换斜体、下划线、删除线。
- 使用 对齐按钮 调整文字在预览区的位置（左/中/右）。
- 通过 颜色选择器 分别修改文字颜色和背景颜色。
- 下方 PX/REM 转换 区域支持双向转换，输入 px 自动计算 rem，反之亦然。
- 点击 📋 复制样式 可一键复制当前 CSS 样式代码，便于在项目中使用。
- 所有处理均在浏览器本地完成，不会上传任何数据，保护你的隐私。
💡
提示： Google Fonts 加载可能需要网络环境，首次选择字体时会有短暂加载延迟。所有字体数据均从 Google Fonts 官方 CDN 获取，安全可靠。
❓ 常见问题
字体预览工具支持哪些字体？
支持两类字体：一是系统已安装的字体（如微软雅黑、苹方、思源黑体等），二是Google Fonts谷歌字体库中的1000+款免费字体，包括Roboto、Open Sans、Lato等热门网页字体。
PX和REM有什么区别？
PX（像素）是绝对单位，固定大小不随页面缩放变化；REM（Root EM）是相对单位，相对于根元素(html)的字体大小，便于实现响应式布局。通常1rem = 16px（默认根字体大小）。
如何选择合适的网页字体？
选择网页字体需考虑：1.可读性——正文选择简洁易读的无衬线字体；2.加载速度——优先使用系统字体或CDN加速的Google Fonts；3.品牌调性——标题可选择有个性的字体体现品牌风格；4.中英文搭配——确保中文字体和英文字体风格协调。
Google Fonts字体可以商用吗？
Google Fonts中的所有字体都是开源字体，遵循SIL Open Font License协议，可以免费用于个人项目和商业项目，无需授权费用。
如何调整字体行高和字间距？
行高建议设置为字号的1.5-1.8倍，保证阅读舒适度；字间距可根据字体特性微调，标题可适当加大字间距增加设计感，正文保持默认或略小即可。本工具提供滑块实时调整，所见即所得。