Variable Font Samples | Sample Files & Test Data | Elysia Tools

Elysia Tools

Browse tools, examples, visual explainers, and topic guides from one clear workspace.

Top Categories

Hubs

Language

ZH ES PT RU FR DE EN

Elysia Tools

Navigation

Design

Variable Font Samples

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

Samples

Entries inside this sample collection

FileSimple

Cabin Variable (wght + wdth, 4 named instances)

Google Fonts Cabin variable TTF — wght 400–700, wdth 75–100%, named instances Regular/Medium/SemiBold/Bold

Difficulty

2/10

Tags

variable font, ttf, named instances

cabin-vf.ttf

TTF · 162 KB

Download file Open in new tab

fileSize: 162 KB
format: TTF
axes: wght, wdth
instances: 4

FileIntermediate

AmstelvarAlpha Default (17 parametric axes)

Parametric variable font with 18 registered and custom axes (opsz, wght, wdth, GRAD, XOPQ, XTRA…) and no named instances

Difficulty

5/10

Tags

variable font, parametric, custom axes

sample.ttf

TTF · 145 KB

Download file Open in new tab

fileSize: 145 KB
format: TTF
axes: 17
instances: 0

Tools

Tools frequently paired with this sample

Related

Related sample collections

Tool usage guide

Sample-focused context for search and workflow understanding

Title

Variable Font Samples

Description

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

Overview

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

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

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

Use cases

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

FAQ

What is included in Variable Font Samples?

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

Visualizations407

Math, Date & Finance638

Calculators, numerics, date logic, statistics, and finance tools

Images, Audio & Video589

Image, audio, and video processing, conversion, and optimization tools

Design & Color293

Color, layout, graphics, visual styling, and design helper tools

Text & Writing204

Writing, cleanup, formatting, extraction, and text analysis tools

Developer & Web181

Developer utilities, networking, web debugging, and automation helpers

Conversion & Encoding170

Format, file, archive, unit, and encoding conversion tools

Data Size Unit Conversion Without the KB and KiB Confusion

Image Encoding Tuning for Weight, Loading, and Delivery

GIF Creation and Optimization for Deliverable Animation

Video Container Conversion with Deliberate Transcode Control

Image Edge Detection and Convolution Kernel Lab

© 2026 Elysia Tools. All rights reserved.

Docs Pricing About Terms of Service Privacy Policy Contact

Design

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.

Design

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.

Design

Font Pairing Preview Card

Preview a heading and body font pairing with real copy, sizes, weights, line heights, character samples, and CSS stacks.

Development

Variable Name Validator - Multi-Language Naming Convention Checker

Validate variable names against multiple programming language naming conventions and standards

Design

Web Font 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.

Development

Data URI Generator

Convert files into Data URIs (Base64 or percent-encoded) for inlining images, fonts, and assets directly into HTML, CSS, or Markdown

Development

Hex Editor (File Viewer)

Upload any binary file and inspect it as a classic hex dump with offset, hex bytes, and ASCII columns (read-only)

Design

Image Blending Effect

Blend multiple images together using various blend modes for creative compositions and effects

TTF Viewer Samples

A TTF font sample for in-browser preview

WOFF Viewer Samples

A WOFF font sample for in-browser preview

WOFF2 Viewer Samples

A WOFF2 font sample for in-browser preview

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

An Illustrator AI sample for in-browser preview

CSS Viewer Samples

Sample CSS stylesheets (variables, flexbox/grid, animations) for the in-browser CSS Viewer