构建器读取所提供字体的 fvar 轴与 cmap 字符覆盖，然后将已授权的字体嵌入离线字样工具。浏览器控件展示这些真实轴；导出内容包括 PNG、活字 SVG 与可编辑的设置 JSON。
- 需要
- Python 3 · browser
v1.0.0 · 更新于 2026年10月25日 · 351 KB · 可用于个人和客户项目；请勿转售或分享技能包。
你会得到
便携的离线 HTML 工具，具备真实交互控制
可编辑的 JSON 设置与任务专用构建器
适合
- 字体探索、品牌字体研究与便携式字体字样。
不适合
- 字体授权清权、将静态字体转换为可变字体，或在所有 SVG 查看器中实现完全一致的渲染。
如何运作
包含本地渲染器
准备实际输入
内置的 OFL 字体或一份已获授权的可变字体。
使用受支持的控制项
将可变字体替换为您有权嵌入的字体。编辑一行字样文本。仅调整该字体中存在的轴并导出结果。
构建并检查结果
在浏览器中打开 output/index.html。使用实际控制项并下载导出的成品。构建器不会部署网站。
工作流程如何运作
可变字体字样实验室 如何运作
构建器读取所提供字体的 fvar 轴与 cmap 字符覆盖，然后将已授权的字体嵌入离线字样工具。浏览器控件展示这些真实轴；导出内容包括 PNG、活字 SVG 与可编辑的设置 JSON。
技能包内有什么
你可以修改什么
- 将可变字体替换为您有权嵌入的字体。
- 编辑一行字样文本。
- 仅调整该字体中存在的轴并导出结果。
交付前需要检查什么
- 构建器会检查真实的字体轴、取值范围与字符覆盖。
- 在浏览器中检查实际 PNG/SVG 导出与长文本；查看器的字体支持可能有所不同。
查看技能包文件
这里列出本版本中部分实际使用的文件及其作用。完整下载包还包含使用说明和适用的许可声明。
读取真实的 fvar 轴与 cmap 字形覆盖，然后嵌入已授权字体供离线使用。
scripts/project.py应用真实字体轴，检查缺失字符，并导出活字 SVG 或位图 PNG。
scripts/studio.js本地验证、受保护的输出与成品构建。
scripts/build.py可运行的示例，包含实际受支持的控制项。
examples/project.json机制特定限制与视觉审查标准。
references/production.md
为什么使用此技能
从此技能包开始
构建器读取所提供字体的 fvar 轴与 cmap 字符覆盖，然后将已授权的字体嵌入离线字样工具。浏览器控件展示这些真实轴；导出内容包括 PNG、活字 SVG 与可编辑的设置 JSON。该包提供可运行的示例、有界输入与导出路径，无需从空白提示开始设计。
比较不同做法
写提示词、自建技能，还是使用此工作流？
从一句提示词开始
你的助手可以根据普通请求进行创作。但仍需为该项目确定需求、视觉规则、素材选择、输出格式和检查流程。
编写自己的技能
由你选择并维护可复用的指令、默认设置、文件结构和检查规则。当你的流程需要不同规则或集成方式时，这种做法很适合。
为 PopNow 创建的工作流
此工作流专为 PopNow 开发。源文件、随包提供的依赖和适用声明都包含在包内；下方描述的功能范围对应此版本。
指南已于 2026年10月25日 审核
需要多少费用？
随附的程序化或基于字体的示例在本地运行，无需媒体生成。计算机运行时间以及所用的智能体或外部查看器不属于 PopNow 生成费用。之后请求的新可选媒体需另行报价。
所提供的流程在本地运行。是否请求新素材，由你另行选择。 技能免费。新素材生成前会先报价。
技能包
在账户下载额度内可免费安装。技能包许可允许用于你自己和客户的项目，不允许再分发。
已有素材与本地处理
复用合适的素材、编辑文件和运行本地组装不会调用 PopNow 生成模型。相关工作仍由你的电脑和所需运行时完成。
你的助手与托管服务
订阅、云端电脑、部署或其他服务商的费用由相应服务收取。安装此技能不包含这些服务。
PopNow 如何计费
使用 PopNow API 密钥的连接，包括使用 API 密钥的 MCP 连接，从独立的 API 美元（USD）余额中扣费。通过 OAuth 授权的 ChatGPT 或 Claude 连接使用网站积分。这两种余额相互独立；请以当前连接显示的报价作为批准依据。
适用下载额度及当前账户条件。技能包免费不代表生成可以无限免费使用。
怎么用
你说
用 PopNow 的技能「可变字体字样实验室」（variable-type-specimen-lab）帮我做这件事：检查真实可变字体，调整其受支持的轴，并导出带字形检查的活字字样。从内置项目开始，完成所需修改并检查实际输出。
接着试试
将可变字体替换为您有权嵌入的字体。
编辑一行字样文本。
需要准备
- 内置的 OFL 字体或一份已获授权的可变字体。
- 带 fontTools WOFF 支持的 Python 用于重新构建，另需一款现代浏览器。
类似技能
查看全部 →
网页拼图照片游乐场
+25将照片变成可玩的弧形拼块拼图，支持拖拽、吸附和键盘操作。
网页饮品品牌官网模板
+25明快的饮品或零食品牌站：商店、混搭装组合器、门店地图和演示结账，全部在一个文件里。
网页可滚动纸艺世界
+25走进分层纸艺风景，发现三个纪念物，收集成一本口袋手记。
网页球鞋商城网站模板
+25完整的鞋履或服装网店，含商品目录、商品详情页、购物袋和演示结账，全在一个 HTML 文件里。
网页分形缩放艺术
+25探索计算生成的分形，选取特写视图，并将该精确视图导出为艺术作品和可复用的参数单。
网页手帐风个人简历网站
+25用纸质物件拼成的多页在线简历，含项目案例和可打印的简历。
网页傅里叶线条轨道
+25用旋转的傅里叶圆重建闭合图形，并导出所选谐波精度的结果。
网页立体折叠设计实验室
+25打开对称的纸艺连杆机构，调整其粘接几何，并导出带尺寸标注的折痕证明。
网页黑胶唱片微型网站
+25把专辑做成可以翻面的唱片套，搭配真实试听、内页文字与旋转唱片。
网页硬件产品网站
+25银色影棚照片上是超大的细线型号名，磨砂规格卡片，按比例排列的产品阵列，以及硬件网格布局。
网页旅行社官网模板
+25以照片为主的旅行网站，适合团游、向导或山屋：行程搜索、预约申请和旅行测试问卷。
网页自由设计师个人网站
+25大胆的一人工作室网站，出售固定价格套餐，包含套餐页、案例、流程和需求表单。
网页玻璃拟态网站模板
+25近黑胶片上的磨砂玻璃胶囊，一行带斜体单词的超大衬线标题，以及邮箱订阅框。
网页光弹性应力工作室
+25在便携式离线工作室中，使用可编辑的载荷和偏振器角度创作发光的应力条艺术作品。
网页正交文字雕塑
+25将两个挤出文字相交成一个实体，从垂直方向观看时呈现不同的文字。
网页3D 头像制作工具
+25在浏览器里捏一个软萌毛绒风 3D 角色，保存为透明 PNG 或 3D 网页。
网页学术履历网站
+25整理研究、教学和服务经历，筛选论文类型并导出 BibTeX 引用。
网页日历热力图
+25用带色阶的日历网格展示一整年的每日活动，附连续天数、总数和键盘操作。
网页农业产品网站
+25按作物和服务区域筛选设备，比较明确规格并生成技术询价单。
网页AI SaaS 落地页
+25温暖的砂色纸面，发丝线的竖轨和斜线阴影围着一块实时看板，助手在上面规划任务。
网页动态 Hero 首屏区块
+25落地页首屏：标题中的一个词轻轻轮换，配两个按钮和一个宽幅图片框。
网页街机个人网站
+25把创意项目装进小街机房，以键盘或触屏选择卡带并查看作品。
网页建筑作品集网站
+25筛选项目，转换面积单位，并打印项目收藏清单。
网页音响产品网站
+25比较音响规格，并用本地文件进行真实 A/B 试听。
网页音频频谱分析器
+25在本地解码录音，查看真实频谱、主频和信号电平，并控制播放。
网页案例研究网站模板
+25关联证据与指标，核对前后变化，并标明缺失数据。
网页现金流看板
+25逐笔计算现金余额，用期初余额、流入和流出核对期末金额。
网页电影感滚动叙事
+25用四幕全屏照片、轻柔滚动与宽银幕切换讲述一段故事。
网页CMS 营销网站
+25编辑文章 JSON，校验字段，安全预览并导出有效内容。
网页会议演讲者页面
+25按主题和时长查找演讲，并导出主持人介绍和设备清单。
网页星座回忆地图
+25把六段照片回忆连接成星座，自由探索或按时间顺序重温。
网页建筑公司网站模板
+25计算数量与单价，单列预备费，并导出预算明细。
网页咨询服务网站模板
+25按目标、周期和团队规模匹配服务，并导出需求简报。
网页转化漏斗看板
+25按同一批用户计算各环节转化率和流失人数，并保留可核对的数据表。
网页着色器主视觉的创意机构网站
+25一块实时的橙色热浪着色器主视觉，底部固定一句宣言，配胶囊导航和错落的案例网格。
网页客户入门门户
+25按前置依赖推进设置步骤，查看负责人、加权进度并导出清单。
网页深色 SaaS 落地页
+25深色、动效丰富的软件产品营销网站，交付为一个自包含的 HTML 文件。
网页设计系统展示台
+25编辑颜色变量，计算真实对比度，并导出一致的 CSS 与 JSON 设计令牌。
网页设计师作品集网站
+25六张微微倾斜的卡片环绕着渐隐的标题，浅灰底色，一张红色人像卡片，以及编辑风格的案例研究。
网页开发者日志网站
+25将结构化文章变成可搜索技术日志，保留清晰代码并导出 RSS。
网页程序员作品集网站
+25面向工程师的深色个人网站，含项目案例、文章、演讲、简历和联系表单。
网页电子书落地页
+25阅读原创章节样文，调整字号并保存本地阅读进度。
网页可编辑预算表
+25编辑数量、单价与实际支出，实时核对预算余额并导出记录。
网页编辑风 SaaS 网站
+25深蓝的分栏首屏，五行衬线标题配纪实照片，斜切的色带，以及一种钴蓝强调色。
网页活动出席图表
+25对比报名、签到和场地容量，计算加权出席率、缺席人数与使用率。
网页活动网站模板
+25筛选日程，发现时间冲突，并导出个人日历。
网页实验对比图表
+25比较转化实验的样本量、百分点提升和 Wilson 区间，不武断宣布胜者。
网页财务报告门户
+25按年度和类型检索报告，比较指标并导出数据。
网页航班搜索原型
+25按航线、日期和人数筛选本地库存，比较总价、时长与经停次数。
网页交互式系统架构图
+25离线可点击的系统架构图，基于经过校验的 JSON 模型生成，每个方框都附有依据。
网页互动微型博物馆
+25探索三个展厅，近看日常物件，并收集自己的参观票。
网页室内设计网站模板
+25根据房间尺寸、预算和重点生成可导出的设计需求书。
网页珠宝商店网站模板
+25匹配材质和尺寸，检查款式状态，并导出询价清单。
网页知识图谱可视化
+25把项目笔记变成离线可搜索的知识图谱，每条结论都能追溯到原文所在行。
网页KPI 仪表盘模板
+25暖纸上的四个 KPI 方块，附变化标签，配发光折线图、分项表格和目标进度条。
网页AI 样稿转落地页
+25先看三张整页设计稿，选定一张，你的 Agent 再把它构建为干净、响应式的代码。
网页发布候补推荐系统
+25演示稳定推荐码和本地队列，明确标注无需后端的模拟。
网页律师事务所网站模板
+25按服务和司法辖区生成可打印的咨询准备清单。
网页杂志网站模板
+25印刷级质感的杂志网站，含文章、专题、小型商店和订阅，整站就是一个 HTML 文件。
网页会员定价计算器
+25按人数、周期和附加项目计算精确费用，并比较方案。
网页公益活动网站
+25展示筹款目标和成本假设，并按时间筛选志愿活动。
网页在线课程落地页
+25检查先修条件，查看课程内容，并计算每周学习计划。
网页运营工作看板
+25按优先级、负责人和到期日整理工作，通过明确状态流转处理任务。
网页粒子动画主视觉
+25暖纸底色上的文案，旁边是一个旋转的墨色与青绿色圆点球体，按每个理念重组形状，并在滚动时散开。
网页个人品牌网站
+25一张羽化进暖纸的肖像，置于细线括号之下，两侧是轻重对比的陈述。
网页宠物用品店官网模板
+25一个可以运作的宠物用品店：商品目录、规格、购物袋、补货计划和演示结账，全部在一个 HTML 文件中。
网页照片叙事排序器
+25调整照片顺序、裁切与叙事标签，导出并恢复同一套故事编排。
网页照片贴纸游乐场
+25拖动或用键盘摆放照片贴纸，旋转、撤销，再保存为 PNG 拼贴。
网页摄影作品集网站
+25按系列浏览本地照片，使用键盘灯箱查看细节，并打印联系表。
网页播客网站模板
+25播客网站：可播放的首屏、单集档案、嘉宾页面，以及切换页面时仍在播放的播放器。
网页手绘风定价区块
+25笔记本风格的定价表：倾斜的墨线卡片、年付切换和深色模式，一个离线文件即可。
网页产品集成目录
+25按能力和认证方式查找集成，并生成配置检查清单。
网页电影感产品发布页
+25电影光线下的近黑页面：衬线标题卡配漂移的光带，宽银幕式的夜景，以及预约表单。
网页房地产网站模板
+25按预算和卧室数量筛选房源，并打印对比清单。
网页论文研究项目主页
+25为你的论文做一个项目页：可交互的图 1、结果、局限性，以及一键复制的引用格式。
网页收入构成看板
+25核对各期收入总额，在金额和占比视图间比较产品或渠道构成。
网页收入趋势报告
+25展示真实收入记录、环比变化与滚动均值，明确标出缺失日期。
网页后台管理系统模板
+25可直接运行的后台控制台，含图表、表格、看板和日历，整套就是一个离线 HTML 文件。
网页SaaS 落地页模板
+25沉静、明亮的软件产品营销网站，含可交互的产品控制台、定价和注册。
网页可搜索记录表
+25将 CSV 变成支持搜索、数值排序、分页和安全导出的记录表。
网页服务状态看板
+25发布有依据的服务快照，区分正常、异常和过期检查，展示事件时间线。
网页运动俱乐部官网模板
+25俱乐部、健身房或工作室网站：课表、教练页、会员方案、场地图和预约，全部在一个文件里。
网页用户评价墙区块
+25一面瀑布流或缓慢漂移的客户评价墙，只展示客户同意公开的评价。
网页旅行行程网站
+25将活动按天排程，核对时间重叠与交通缓冲，并汇总已知费用。
网页UX 案例作品集
+25用可追溯证据讲清设计问题、约束与决策，区分实际结果和待验证方案。
网页工作流自动化落地页
+25石墨灰页面，左对齐的小标题，下方是实时的节点图，会运行、重试并流式输出日志。
网页作家作品集网站
+25按刊物和主题检索作品，保存阅读清单并导出媒体简介。
网页互动网格主视觉
+25近黑底上的一张细线深色网格，会朝光标弯曲，并从每次点击中荡出一圈发光的波纹。
常见问题
缺少字符时会怎样？
构建器会检查字体 cmap，并拒绝不支持的起始文本。浏览器会对缺失字符发出警告，并针对该文本禁用美术素材导出；它不会静默替换为其他字体。
随附示例需要付费生成吗？
不需要。随附素材或程序化输入均在本地运行。如需新图像、片段或声音，请使用 PopNow，并在生成前获得精确报价与批准；API USD 额度与 OAuth 网站积分相互独立。
可变字体字样实验室 已经封装了哪些内容？
读取真实的 fvar 轴与 cmap 字形覆盖，然后嵌入已授权字体供离线使用。 应用真实字体轴，检查缺失字符，并导出活字 SVG 或位图 PNG。 本地验证、受保护的输出与成品构建。 可运行的示例，包含实际受支持的控制项。 机制特定限制与视觉审查标准。
可变字体字样实验室 的哪些部分可能产生费用？
随附的程序化或基于字体的示例在本地运行，无需媒体生成。计算机运行时间以及所用的智能体或外部查看器不属于 PopNow 生成费用。之后请求的新可选媒体需另行报价。 使用 PopNow API 密钥的连接，包括使用 API 密钥的 MCP 连接，从独立的 API 美元（USD）余额中扣费。通过 OAuth 授权的 ChatGPT 或 Claude 连接使用网站积分。这两种余额相互独立；请以当前连接显示的报价作为批准依据。
可变字体字样实验室 与写提示词或自建技能有什么不同？
构建器读取所提供字体的 fvar 轴与 cmap 字符覆盖，然后将已授权的字体嵌入离线字样工具。浏览器控件展示这些真实轴；导出内容包括 PNG、活字 SVG 与可编辑的设置 JSON。该包提供可运行的示例、有界输入与导出路径，无需从空白提示开始设计。