# 可变字体示例

包含fvar轴的可变字体文件，用于轴/实例检查器和CSS构建器

> 标准页面: https://elysiatools.com/zh/samples/variable-font-samples

- **分类:** 设计

- **关键词:** variable font, fvar, axis, woff2, ttf, 可变字体, 字体轴

## 概述

包含fvar轴的可变字体文件，用于轴/实例检查器和CSS构建器

## 示例

- **Cabin 可变字体（wght + wdth，4 个命名实例）**: Google Fonts Cabin 可变 TTF——wght 400–700、wdth 75–100%，命名实例 Regular/Medium/SemiBold/Bold
- **AmstelvarAlpha Default（17 条参数化轴）**: 参数化可变字体：17 条注册与自定义轴（opsz、wght、wdth、GRAD、XOPQ、XTRA…），无命名实例

## 适用场景

- Use this sample set when you want reference inputs for 可变字体示例.
- Use it to preview output formats and compare related sample variants.

## 工作原理

- Open a sample entry to inspect the prepared example payload or asset.
- Compare it with related tools to understand how the workflow connects.

## 使用案例

- Cabin 可变字体（wght + wdth，4 个命名实例）
- AmstelvarAlpha Default（17 条参数化轴）

## 常见问题

### What is included in 可变字体示例?

This page includes curated sample entries, related tools, and neighboring sample collections for 可变字体示例.

## 相关工具

- [可变字体轴实例与 CSS font-variation-settings 构建器](https://elysiatools.com/zh/tools/variable-font-axis-instance-and-css-font-variation-settings-builder): 上传可变字体（TTF/OTF/WOFF/WOFF2），检视 fvar 轴与命名实例，浏览器内实时预览插值效果，并生成可直接复制的 font-variation-settings CSS、高级属性等价写法与可变 @font-face 声明。
- [字体文件检视器（TTF / OTF / WOFF / WOFF2）](https://elysiatools.com/zh/tools/font-file-inspector): 上传 TTF、OTF、WOFF 或 WOFF2 字体文件（WOFF2 自动解压），检视完整元数据：家族/子族/设计师/版权/版本、字形数、unitsPerEm、字重与宽度级别、斜体角度、风格标志、包围盒；按 Unicode 区块统计覆盖热力图；渲染字形 SVG 预览（可自定义文本，图标字体自动采样）；列出 GSUB 连字（liga）与 OpenType 特性；可变字体显示 fvar 轴与命名实例。
- [字体配对预览卡](https://elysiatools.com/zh/tools/font-pairing-preview-card): 用真实文案预览标题与正文字体配对、字号、字重、行高、字符集和 CSS 字体栈。
- [变量名验证器 - 多语言命名规范检查](https://elysiatools.com/zh/tools/variable-name-validator): 根据多种编程语言的命名规范和标准验证变量名
- [网页字体配对实验室](https://elysiatools.com/zh/tools/webfont-pairing-lab): 并排预览 标题 + 正文 的 Google 字体配对，调节字重与行高，复制即可粘贴的 CSS @import + 变量代码。精选 22 款字体及 7 组经典搭配预设。
- [Data URI 生成器](https://elysiatools.com/zh/tools/data-uri-generator): 将文件转换为 Data URI（Base64 或百分号编码），用于直接在 HTML、CSS 或 Markdown 中内联图片、字体等资源
- [十六进制查看器](https://elysiatools.com/zh/tools/hex-editor): 上传任意二进制文件，以经典 hex dump（偏移量 + 十六进制 + ASCII）只读视图检视
- [图像混合效果](https://elysiatools.com/zh/tools/image-add-blending): 使用各种混合模式将多张图像混合在一起，创建创意合成和效果

## 相关内容

- [TTF 查看器示例](https://elysiatools.com/zh/samples/ttf-viewer-samples): 用于浏览器内预览的 TTF 字体示例。
- [WOFF查看器示例](https://elysiatools.com/zh/samples/woff-viewer-samples): 用于浏览器内预览的WOFF字体示例
- [WOFF2查看器示例](https://elysiatools.com/zh/samples/woff2-viewer-samples): 用于浏览器内预览的WOFF2字体示例
- [时区协作排期器 ICS 样本](https://elysiatools.com/zh/samples/time-zone-workflow-scheduler-ics-samples): 与 Time Zone Workflow Scheduler 返回结构一致的 ICS 文件样本，包含多个候选会议 VEVENT
- [AI 查看器示例](https://elysiatools.com/zh/samples/ai-viewer-samples): 用于浏览器内预览的 Illustrator AI 示例
- [CSS 查看器样本](https://elysiatools.com/zh/samples/css-viewer-samples): 用于浏览器内 CSS 查看器的样本文件