Tonos Font Generator — Web typography preview & CSS

Tonos Font Generator

Web & design preview + CSS — tune Tonos, copy styles, share a link, or export PNG/WebP for Instagram, stories, and decks.

Current Design

Comparison Design

Preset
Aa Preview
Tonos Text
Optical scale (context preview)
48px
1px
1.4
#1A1A1A
Enable Digital Gradient
135°
Enable Color Harmony
100%

Uses Tonos italic cuts from your Adobe Fonts kit when available.

#1A1A1A
2px
2px
0px

One-tap looks tuned for Tonos (400/700 + italics in your kit): editorial specimen, UI blocks, and type-tester scenarios — not unrelated vertical presets.

0px
0px
0px
50%
2px
8px
Share design

The design lives in the link below (it will be long). The keyword is only a short label for chats and docs.

The browser address bar stays on the short page URL only. The full share link (with #tonos=…) is listed here and is what Copy link copies.

Share to Social Media

Leave a Comment