🔤字体预览
实时预览系统字体与 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 获取,安全可靠。