Bungee font

By David Jonathan Ross on Aug 03, 2018

Bungee

Bungee

Bungee

Bungee

Bungee

In the crowded urban environment, space for signage is always at a premium. From dumpy liquor stores to majestic theaters, sometimes signs have nowhere to go but up. Bungee is a font family that celebrates urban signage by wrangling the Latin alphabet to work vertically as well as horizontally; with separately glyphs, spacing, and kerning for each orientation. Bungee comes equipped with chromatic inlines, outlines, shades, and ornaments, making it the perfect toolkit to take your text in a new direction.

Learn more about Bungee at djr.com/bungee.

The Bungee project is led by David Jonathan Ross, a type designer based in the USA. To contribute, see github.com/djrrb/Bungee
AAAaaa
<style type="text/css">
@font-face{
    font-family:"bungee-shade-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.shade-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.shade-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.shade-regular.otf") format("truetype");
}
span.font0{font-family:"bungee-shade-regular";font-size:px;text-transform:;}
</style>
Bungee Shade Regular
<style type="text/css">
@font-face{
    font-family:"bungee-shade-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.shade.ttf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.shade.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.shade.ttf") format("truetype");
}
span.font1{font-family:"bungee-shade-regular";font-size:px;text-transform:;}
</style>
Bungee Shade Regular
<style type="text/css">
@font-face{
    font-family:"bungee-layers-regular-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-regular-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-regular-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-regular-regular.otf") format("truetype");
}
span.font2{font-family:"bungee-layers-regular-regular";font-size:px;text-transform:;}
</style>
Bungee Layers Regular Regular
<style type="text/css">
@font-face{
    font-family:"bungee-color-regular-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.color-regular-regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.color-regular-regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.color-regular-regular.ttf") format("truetype");
}
span.font3{font-family:"bungee-color-regular-regular";font-size:px;text-transform:;}
</style>
Bungee Color Regular Regular
<style type="text/css">
@font-face{
    font-family:"bungee-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.regular.ttf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.regular.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.regular.ttf") format("truetype");
}
span.font4{font-family:"bungee-regular";font-size:px;text-transform:;}
</style>
Bungee Regular
<style type="text/css">
@font-face{
    font-family:"bungee-regular-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.regular-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.regular-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.regular-regular.otf") format("truetype");
}
span.font5{font-family:"bungee-regular-regular";font-size:px;text-transform:;}
</style>
Bungee Regular Regular
<style type="text/css">
@font-face{
    font-family:"bungee-layers-outline-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-outline-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-outline-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-outline-regular.otf") format("truetype");
}
span.font6{font-family:"bungee-layers-outline-regular";font-size:px;text-transform:;}
</style>
Bungee Layers Outline Regular
<style type="text/css">
@font-face{
    font-family:"bungee-inline-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.inline-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.inline-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.inline-regular.otf") format("truetype");
}
span.font7{font-family:"bungee-inline-regular";font-size:px;text-transform:;}
</style>
Bungee Inline Regular
<style type="text/css">
@font-face{
    font-family:"bungee-inline-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.inline.ttf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.inline.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.inline.ttf") format("truetype");
}
span.font8{font-family:"bungee-inline-regular";font-size:px;text-transform:;}
</style>
Bungee Inline Regular
<style type="text/css">
@font-face{
    font-family:"bungee-outline-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.outline.ttf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.outline.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.outline.ttf") format("truetype");
}
span.font9{font-family:"bungee-outline-regular";font-size:px;text-transform:;}
</style>
Bungee Outline Regular
<style type="text/css">
@font-face{
    font-family:"bungee-outline-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.outline-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.outline-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.outline-regular.otf") format("truetype");
}
span.font10{font-family:"bungee-outline-regular";font-size:px;text-transform:;}
</style>
Bungee Outline Regular
<style type="text/css">
@font-face{
    font-family:"bungee-hairline-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.hairline.ttf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.hairline.ttf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.hairline.ttf") format("truetype");
}
span.font11{font-family:"bungee-hairline-regular";font-size:px;text-transform:;}
</style>
Bungee Hairline Regular
<style type="text/css">
@font-face{
    font-family:"bungee-hairline-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.hairline-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.hairline-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.hairline-regular.otf") format("truetype");
}
span.font12{font-family:"bungee-hairline-regular";font-size:px;text-transform:;}
</style>
Bungee Hairline Regular
<style type="text/css">
@font-face{
    font-family:"bungee-layers-inline-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-inline-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-inline-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-inline-regular.otf") format("truetype");
}
span.font13{font-family:"bungee-layers-inline-regular";font-size:px;text-transform:;}
</style>
Bungee Layers Inline Regular
<style type="text/css">
@font-face{
    font-family:"bungee-layers-shade-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-shade-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-shade-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-shade-regular.otf") format("truetype");
}
span.font14{font-family:"bungee-layers-shade-regular";font-size:px;text-transform:;}
</style>
Bungee Layers Shade Regular
<style type="text/css">
@font-face{
    font-family:"bungee-layers-rotated-inline-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-rotated-inline-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-rotated-inline-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-rotated-inline-regular.otf") format("truetype");
}
span.font15{font-family:"bungee-layers-rotated-inline-regular";font-size:px;text-transform:;}
</style>
Bungee Layers Rotated Inline Regular
<style type="text/css">
@font-face{
    font-family:"bungee-layers-rotated-outline-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-rotated-outline-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-rotated-outline-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-rotated-outline-regular.otf") format("truetype");
}
span.font16{font-family:"bungee-layers-rotated-outline-regular";font-size:px;text-transform:;}
</style>
Bungee Layers Rotated Outline Regular
<style type="text/css">
@font-face{
    font-family:"bungee-layers-rotated-regular-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-rotated-regular-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-rotated-regular-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-rotated-regular-regular.otf") format("truetype");
}
span.font17{font-family:"bungee-layers-rotated-regular-regular";font-size:px;text-transform:;}
</style>
Bungee Layers Rotated Regular Regular
<style type="text/css">
@font-face{
    font-family:"bungee-layers-rotated-shade-regular";
    src:url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-rotated-shade-regular.otf") format("woff"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-rotated-shade-regular.otf") format("opentype"),
    url("https://fontsme.com/wp-data/b/782/1782/file/bungee.layers-rotated-shade-regular.otf") format("truetype");
}
span.font18{font-family:"bungee-layers-rotated-shade-regular";font-size:px;text-transform:;}
</style>
Bungee Layers Rotated Shade Regular

Ad1

ad2