Sour Gummy
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/sour-gummy2. Import in App
import '@fontsource-variable/sour-gummy/wght.css';3. CSS Usage
body {
font-family: "Sour Gummy Variable", sans-serif;
}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
/* sour-gummy-latin-wght-normal */
@font-face {
font-family: "Sour Gummy Variable";
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/sour-gummy:vf@latest/latin-wght-normal.woff2)
format("woff2-variations");
}Background & Story
Sour Gummy Font is a fun and playful typeface that was first created in 2018 and has recently been updated to offer even more versatility and style. This font is perfect for adding a touch of whimsy and character to your designs.
The letters are designed to look like they are made of bubbles, with rounded edges and a slightly irregular shape that adds to the playful nature of the font. Each letter is also slightly different, with some bubbles larger than others, creating a dynamic and interesting visual effect.
The updated version of Sour Gummy Font now includes a full range of uppercase and lowercase letters, as well as numbers, punctuation, and special characters. This means that you can use this font for a wide range of projects, from headlines and logos to body text and social media posts.
Whether you're designing a children's book cover, creating a playful logo for a brand, or just want to add a bit of fun to your designs, Product Bubble Font is the perfect choice. Its bold, bubbly letters are sure to catch the eye and bring a smile to your audience's faces.
To contribute, see github.com/eifetx/Sour-Gummy-Fonts.
Tags & Moods
Subsets
Install
pnpm add @fontsource-variable/sour-gummyDesigned by
Stefie Justprince
Links
License
OFL-1.1