# Variable Font Samples

Variable font files with fvar axes for the axis/instance inspector and CSS builder

> Canonical page: https://elysiatools.com/en/samples/variable-font-samples

- **Category:** Design

- **Keywords:** variable font, fvar, axis, woff2, ttf

## Overview

Variable font files with fvar axes for the axis/instance inspector and CSS builder

## Examples

- **Cabin Variable (wght + wdth, 4 named instances)**: Google Fonts Cabin variable TTF — wght 400–700, wdth 75–100%, named instances Regular/Medium/SemiBold/Bold
- **AmstelvarAlpha Default (17 parametric axes)**: Parametric variable font with 18 registered and custom axes (opsz, wght, wdth, GRAD, XOPQ, XTRA…) and no named instances

## When to use

- Use this sample set when you want reference inputs for Variable Font Samples.
- Use it to preview output formats and compare related sample variants.

## How it works

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

## Use cases

- Cabin Variable (wght + wdth, 4 named instances)
- AmstelvarAlpha Default (17 parametric axes)

## Frequently asked questions

### What is included in Variable Font Samples?

This page includes curated sample entries, related tools, and neighboring sample collections for Variable Font Samples.

## Related tools

- [Variable Font Axis Instance and CSS Font Variation Settings Builder](https://elysiatools.com/en/tools/variable-font-axis-instance-and-css-font-variation-settings-builder): Upload a variable font (TTF/OTF/WOFF/WOFF2) to inspect its fvar axes and named instances, preview interpolation live in the browser, and generate ready-to-paste font-variation-settings CSS plus the equivalent high-level properties and a variable @font-face block.
- [Font File Inspector](https://elysiatools.com/en/tools/font-file-inspector): Inspect TTF/OTF/WOFF/WOFF2 fonts: metadata, glyph counts, metrics, style flags, Unicode coverage heatmap, glyph SVG previews, ligatures, OpenType features and variable-font axes.
- [Font Pairing Preview Card](https://elysiatools.com/en/tools/font-pairing-preview-card): Preview a heading and body font pairing with real copy, sizes, weights, line heights, character samples, and CSS stacks.
- [Variable Name Validator - Multi-Language Naming Convention Checker](https://elysiatools.com/en/tools/variable-name-validator): Validate variable names against multiple programming language naming conventions and standards
- [Web Font Pairing Lab](https://elysiatools.com/en/tools/webfont-pairing-lab): Preview a heading + body Google Fonts pairing with weight and line-height controls, and copy a ready-to-paste CSS @import + variables snippet. Curated 22-face registry plus 7 proven pairing presets.
- [Data URI Generator](https://elysiatools.com/en/tools/data-uri-generator): Convert files into Data URIs (Base64 or percent-encoded) for inlining images, fonts, and assets directly into HTML, CSS, or Markdown
- [Hex Editor (File Viewer)](https://elysiatools.com/en/tools/hex-editor): Upload any binary file and inspect it as a classic hex dump with offset, hex bytes, and ASCII columns (read-only)
- [Image Blending Effect](https://elysiatools.com/en/tools/image-add-blending): Blend multiple images together using various blend modes for creative compositions and effects

## Related content

- [TTF Viewer Samples](https://elysiatools.com/en/samples/ttf-viewer-samples): A TTF font sample for in-browser preview
- [WOFF Viewer Samples](https://elysiatools.com/en/samples/woff-viewer-samples): A WOFF font sample for in-browser preview
- [WOFF2 Viewer Samples](https://elysiatools.com/en/samples/woff2-viewer-samples): A WOFF2 font sample for in-browser preview
- [Time Zone Workflow Scheduler ICS Samples](https://elysiatools.com/en/samples/time-zone-workflow-scheduler-ics-samples): ICS files generated in the same structure returned by the Time Zone Workflow Scheduler, with multiple VEVENT meeting candidates exported from overlap windows
- [AI Viewer Samples](https://elysiatools.com/en/samples/ai-viewer-samples): An Illustrator AI sample for in-browser preview
- [CSS Viewer Samples](https://elysiatools.com/en/samples/css-viewer-samples): Sample CSS stylesheets (variables, flexbox/grid, animations) for the in-browser CSS Viewer