The Cooper
typeface family
Originally created in 1919 by Oswald Bruce Cooper and released by the Barnhart Brothers & Spindler foundry in 1922, Cooper represents a landmark in friendly, soft-serif, and advertising display typography.
Drafted from Cooper’s background in commercial lettering and calligraphy, the letterforms emphasize warmth, rounded serifs, and soft contours. While Cooper Black achieved massive fame as an ultra-bold display face, the original roman Cooper and its digital family revivals offer an approachable, organic charm suited for modern branding, editorials, and web design.
Unlike a moka express, a napoletana does not use the pressure of steam to force the water through the coffee, relying instead on gravity. The boiling water drips down through the coffee grounds, creating a smooth, round, and rich flavor that pairs beautifully with quiet mornings.
The Berlin key, also known as Schließzwangschlüssel, was not designed to make people laugh. It is an interesting mechanical lock system designed in Berlin to force residents to lock their main entrance door after entering or leaving the building, ensuring safety through mechanical compliance.
Stanley Kubrick was an American film director, screenwriter, and producer of many films. Widely considered one of the greatest and most influential filmmakers in cinematic history, his movies are noted for their realism, dark humor, unique cinematography, and extensive set designs.
Interactive Type Tester
Experiment with the Cooper font family. Customize weight, sizing, line-height, letter-spacing, and test contrast modes in real-time.
Design details & stylistic weight variance
Cooper’s letterforms reveal deliberate calligraphic weight transitions. Notice how the light weight establishes an organic contour which transforms into a plump, cozy display weight in the bold cut.
Glyphs
Usage & Integration
Integrate the Cooper font family into your projects. Use our high-speed CDN, configure your CSS font stacks, set up Tailwind CSS utility classes, or download local files for manual hosting.
1. CDN Integration
Add the link tag to your HTML <head> or import it directly in your main CSS file.
<link rel="stylesheet" href="https://cooperfont.vercel.app/fonts.min.css">@import url('https://cooperfont.vercel.app/fonts.min.css');2. CSS Font Declaration
Define font weights from 100 to 900. We recommend using Georgia or standard serif fallbacks.
h1 {
font-family: 'Cooper', Georgia, serif;
font-weight: 900;
}p {
font-family: 'Cooper', Georgia, serif;
font-weight: 300;
line-height: 1.6;
}3. Tailwind CSS Setup
Extend your Tailwind config file to support the custom Cooper font-family utility class.
module.exports = {
theme: {
extend: {
fontFamily: {
cooper: ['Cooper', 'Georgia', 'serif'],
}
}
}
}<h1 class="font-cooper font-black">Hello</h1>4. Local Self-Hosting
Download the font package zip, extract, and upload the WOFF2 files to your assets directory.
@font-face {
font-family: 'Cooper';
src: url('/fonts/CooperLtBT-300.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}To install, download the Cooper LT BT zip package from this site, extract the TrueType (.ttf) files, open your system font manager (Font Book on macOS or Control Panel on Windows), and drag the files in. In your web projects, load the WOFF2 files and declare font-family: 'Cooper' with weight 300 for Light or 700 for Bold.
The classic Cooper typeface family was designed by Oswald Bruce Cooper, a prominent American commercial lettering artist, illustrator, and designer, and released by the Barnhart Brothers & Spindler foundry in 1922.
The Cooper LT BT digital font family includes two weights: Cooper Light (300) and Cooper Bold (700), both of which are accompanied by their matching slanted calligraphic italics (Light Italic and Bold Italic).
Cooper BT is a registered trademark of Bitstream Inc. and Monotype. While the Cooper LT BT files are available for free download for educational and showcase preview purposes, you should check specific vendor EULA licenses for commercial web hosting or print usage.