UD5工具箱
OpenType特性预览器 - 连字/小型大写等
输入文字，切换开启连字(liga)、小型大写(c2sc)等OpenType特性，观察渲染差异。
字体选择
字体参数
连字 Ligatures
小型大写 Small Caps
数字风格
tnumonumpnum
其他特性
预览文本：
The quick brown fox jumps over the lazy dog. fi fl ff ffi ffl ct st. 0123456789 1/2 3/4 5/8. ABCDEFG abcdefg. 1st 2nd 3rd. H2O x2.
生成的 CSS
font-feature-settings: "liga" 1, "calt" 1;
常见问题与知识点
什么是 OpenType 特性？
OpenType 是 Adobe 和 Microsoft 联合开发的字体格式，支持高级排版特性，如连字、小型大写、多种数字风格、分数等。这些特性通过 CSS 的 font-feature-settings 属性在网页中启用，能显著提升排版质量。
连字（Ligatures）是什么？
连字是将两个或多个字母组合成一个特殊的字形，提升阅读流畅度。标准连字（liga）如 fi、fl、ff 等在日常排版中自动启用；自由连字（dlig）如 ct、st 更具装饰性；历史连字（hlig）则用于复古风格设计。
小型大写（Small Caps）有什么用？
小型大写将小写字母显示为缩小版的大写字母，常用于缩略词、标题或强调。相比直接使用全大写，小型大写更优雅且不破坏文本的视觉节奏。smcp 转换小写字母，c2sc 转换大写字母。
数字风格有哪些区别？
等宽数字（tnum）每个数字宽度相同，适合表格对齐；比例数字（pnum）宽度各异，适合正文；旧式数字（onum）有上伸和下伸，与文字更融合；等宽旧式结合两者特点。默认通常为比例等宽。
如何在CSS中使用OpenType特性？
使用 font-feature-settings 属性，格式为四字符标签加数值："liga" 1 启用标准连字，"smcp" 1 启用小型大写。多个特性用逗号分隔。也可用 font-variant-* 系列属性，但 font-feature-settings 更灵活通用。
哪些字体支持OpenType特性？
许多专业字体都支持丰富的 OpenType 特性，如 EB Garamond、Playfair Display、Fira Sans、JetBrains Mono、Crimson Text 等。系统字体如 Georgia 也支持基础连字和数字风格。等宽编程字体（如 JetBrains Mono）通常有出色的连字支持。
竖排文本布局器 - CSS writing-mode
输入文本，预览从右至左竖排效果，并调节行间距和悬挂字符，输出CSS代码。
Web安全字体展示 - 各系统预装字体预览
预览所有主流系统预装的Web安全字体，并显示对应的font-family名称。
像素字体在线设计器 - 按网格绘制字符集
在放大网格上逐点绘制字母与符号，生成像素字体文件（.ttf预览）及CSS代码片段。
打印版CSS生成器 - 网页转打印友好
配置打印时需要隐藏的导航、广告等，生成完整的@media print样式块。
文字渐现效果生成器 - 逐字透明显现动画
让文字从左到右或随机逐渐显现，生成对应的CSS animation代码和HTML结构。
首字下沉生成器 - 段落首个大字CSS代码
调整下沉字母的大小、行高和颜色，生成对应的CSS ::first-letter 代码。
本地字体预览器 - 加载系统字体列表
通过Local Font Access API读取已安装字体，输入文字实时预览各种字体效果。
文本对齐方式对比器 - 两端对齐/左齐/右齐效果
输入段落并切换 text-align 值，实时查看不同对齐方式的排版效果及连字符表现。
HTML实体批量编码 - 完整字符集处理
将整个文本中的非ASCII字符全部转换为HTML数字或命名实体。
HTML Input 类型全览演示 - 每个type实时渲染
列出从text到color的所有input type，旁边实时展示控件的原生渲染，表单开发参考。
HTML实体编码解码工具 - 在线转义工具
在线HTML实体编码与解码工具，实现特殊字符与HTML实体的相互转换，防止XSS及显示问题。
HTML压缩工具 - 在线精简HTML代码
清除HTML中的多余空格、注释和换行，移除可选标签，有效减少文件体积。
行高黄金比例计算器 - 基于字体大小推荐
输入字体大小和行宽，根据可读性标准计算推荐的行高和每行字符数。
CSS Grid布局生成器 - 在线栅格代码生成
可视化CSS Grid布局生成工具，拖拽划分行列、设置间距和对齐方式，自动生成Grid容器及子项CSS代码。
网页字体检测器 - 列出当前页面所有字体
扫描当前页面使用的所有字体栈，并展示实际渲染字体名及样例。
打字机效果生成器 - 逐字显示动画JS代码
输入文字设定打字速度和光标样式，生成逼真的打字机逐字显示动画HTML/JS代码。
文字阴影生成器 - CSS Text-Shadow在线生成
在线CSS文字阴影效果生成器，通过滑块调整阴影属性，即时预览文字多层阴影效果，复制CSS代码。
编程字体对比器 - 连字与字符清晰度
并排展示Fira Code、JetBrains Mono等编程字体的连字和标点清晰度效果。
文字转SVG路径 - 字体轮廓提取
输入文字，选择系统字体，将每个字符的轮廓转换为SVG path数据。
终端打字效果生成 - 类似黑客屏幕
生成逐行显示的终端风格文本动画，带有光标闪烁，营造黑客氛围。
书法格子纸生成器 - 楷书/行书专用
生成带米字格、回宫格或信笺行的练字纸张，自定义颜色和间距，直接打印。
HTML输入类型大全 - 所有type现场演示
展示所有HTML input type（text, password, date, color等）的渲染效果。
段落统计器 - 段落数、平均字数等
快速统计文本的段落数、平均每段字数、最长/最短段落等维度。
文本左右对齐工具 - 等间距填充英文段落
在英文文本的行内插入空格使其左右两端同时对齐，模拟印刷排版效果。
HTML格式化工具 - 在线HTML代码美化/压缩
在线HTML代码格式化与压缩工具，可对HTML进行缩进美化、压缩混淆，提升可读性并保持结构完整。
Unicode 制表符绘制工具 - 构建文本表格与边框
使用鼠标绘制表格或边框，自动将线条转换为 Unicode 制表符，生成纯文本表格。
空格隐写工具 - 利用行尾空白隐藏
将秘密信息编码到文本每行末尾的不可见空格数量中，朴素但有效的隐蔽通信。
图片转Unicode方块画 - ░▒▓█字符艺术
将图片转换为使用不同密度的Unicode块元素（░▒▓█）构成的文本艺术。
论文字数统计 - 含引用/摘要拆分
统计文本总字数、各部分字数（可自定义标题匹配），并估算分段落占比。