Web 字体测试小书签 - 在任意页面预览 Google Fonts
生成一个书签工具,点击后在当前页面动态加载任何 Google 字体并应用到所选文字。
UD5工具箱
生成一个书签工具,点击后在当前页面动态加载任何 Google 字体并应用到所选文字。
设定最小与最大字体规格及视口范围,自动生成CSS clamp() 函数,实现流式排版。
输入字体大小和行宽,根据可读性标准计算推荐的行高和每行字符数。
随机推荐视觉和谐的标题和正文字体配对,并显示预览和导入代码。
加载可变字体,通过滑块调整字重、字宽、倾斜等注册轴,并导出设置代码。
预览所有主流系统预装的Web安全字体,并显示对应的font-family名称。
预览常见的 native font stacks(如苹果、Windows系统字体)的实际显示效果。
选择多种手写风格字体,调整倾斜度、连笔效果和纸张背景,将打印文本转为逼真的手写笔记图片。
通过Local Font Access API读取已安装字体,输入文字实时预览各种字体效果。
输入文字,切换开启连字(liga)、小型大写(c2sc)等OpenType特性,观察渲染差异。
生成优先调用系统自带手写风格字体的font-family栈,让网页更亲切。
通过问答式选择字母特征(衬线?x高度?),从内置库中推测字体名。
上传SVG图标,生成包含这些图标的Web字体文件包及CSS使用代码。
选择基数大小与比例(如黄金比例),预览标题到正文字号层叠样式序列。
输入字体名或从列表选择,在示例文本上立刻看效果,获得@import代码。
扫描当前页面使用的所有字体栈,并展示实际渲染字体名及样例。
上传字体文件(或使用系统字体),输入需要保留的字符集,生成只含这些字的精简字体。
选择标题和正文的网络字体或系统字体,即时预览搭配效果。