🔤字体预览

实时预览系统字体与 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 获取,安全可靠。
已复制到剪贴板