DynaPuff
Type with Purpose
Good typography guides attention, improves understanding, and makes communication effortless.
The Anatomy of a Typeface
By FontSide · June 2026
Every typeface is a system of decisions — about stroke contrast, x-height, spacing, and rhythm. The best ones feel invisible: you stop seeing the letters and start hearing the voice behind them. That transparency is the hardest thing to design.
A high x-height opens up the counters and makes small text breathe. Tight tracking pulls a headline together; loose tracking gives a caption room to exhale. None of these choices are accidents — they are arguments about how reading should feel.
Uppercase
Lowercase
Numerals
Symbols
Package Manager
The recommended way to use fonts in modern web projects.
1. Install Package
pnpm add @fontsource-variable/dynapuff2. Import in App
import '@fontsource-variable/dynapuff/wght.css';3. CSS Usage
body {
font-family: "DynaPuff Variable", system-ui;
}Google Fonts CDN
Use Google's CDN to embed the fonts directly via HTML.
HTML <head>
<!-- Please select at least one weight and style -->Fontsource CDN
Skip the build step by adding this directly to your global CSS file.
Global CSS
/* dynapuff-latin-wght-normal */
@font-face {
font-family: "DynaPuff Variable";
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/dynapuff:vf@latest/latin-wght-normal.woff2)
format("woff2-variations");
}Background & Story
Dynapuff’s loveable demeanor and hand-drawn charm makes it well suited for your, “zomg’s” and “asdfajlskdfjalksdfjkj’s”. 😂😂😂😂😂 Dynapuff features OpenType code that alternates the vertical position of the letters to make those “noooooooooo waaaaaaay”s appear hand-drawn and less like a robot texting on a typewriter. Give it a whirl in Google’s keyboard (Gboard) where you can transform text messages into typographic stickers. Plain text “hahas” are a thing of the past after you’ve sent an “lol” in Dynapuff.
What Dynapuff might lack in subtlety, it makes up for it with its playful and flexible typographic energy. Designed by Toshi Omagari, this casual typeface is optimized for legibility in small text environments like stickers or candy packaging. It also manages to be large when displayed in children’s books to shop signage.
To contribute see github.com/googlefonts/dynapuff.
Have fun making stickers with DynaPuff
Create custom text stickers on Android and Pixel phones
There’s a new way to make stickers in Android and Pixel phones, with the DynaPuff typeface.
Tired of writing “Good night” and “Happy birthday” in boring text-only messages? Perhaps you have fond memories of getting stickers when you were a kid and would like to send stickers as greetings to your friends... But it just takes too long to search for stickers on the keyboard when writing messages.
You can make custom text stickers with the DynaPuff typeface on Google’s keyboard, Gboard, running on Android and Pixel devices. Most recently, this project was recognized as a finalist in Fast Company’s Innovation Design Awards.
To read more, visit Have fun making stickers with DynaPuff.
Tags & Moods
Subsets
Install
pnpm add @fontsource-variable/dynapuffDesigned by
Toshi Omagari, Jennifer Daniel
Links
License
OFL-1.1