Bungee Outline
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/bungee-outline2. Import in App
// Please select at least one weight and style3. CSS Usage
body {
font-family: "Bungee Outline", 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
/* Please select at least one weight and style */Background & Story
In the crowded urban environment, space for signage is always at a premium. From crummy liquor stores to majestic theaters, sometimes signs have nowhere to go but up.
Bungee is a font that celebrates urban signs that stack the Latin alphabet, one letter on top of the other, in order to make dramatic use of limited space. Following their lead, Bungee typesets horizontally and vertically, so it is always ready to take your text in a new direction.
Bungee’s letterforms were designed to reinforce a sense of verticality. Round characters like O and diagonal characters like A are straight-sided, and letters like L and I gain serifs in order to create vertical words with well-defined left and right edges.
To contribute, see github.com/djrrb/Bungee
The Bungee family
Google Fonts distributes seven variants of Bungee, including two color fonts:
- Bungee
- Bungee Hairline
- Bungee Inline
- Bungee Outline
- Bungee Shade
- Bungee Tint, a COLRv0 font
- Bungee Spice, a COLRv1 font
Bungee’s downloadable releases also includes special layer fonts (for multicolor typesetting in environments where color fonts are not supported) and rotated fonts (for stacked typesetting in environments where vertical text is not supported).
The Bungee project is led by David Jonathan Ross, and thanks to support from Google and The Font Bureau, Bungee was released under the SIL Open Font License.
In 2023–24, Marte Verhaegen and Just van Rossum produced a major revision (v2), which includes an automated build process as well as many enhancements to the vertical features and color fonts.
Tags & Moods
Subsets
Install
pnpm add @fontsource/bungee-outlineDesigned by
David Jonathan Ross
Links
License
OFL-1.1