Install FontSwap
BenchNine
About BenchNine
- Source
- Google Fonts ↗
- Classification
- sans-serif
- Weights
- 300, 400, 700
- Features
- Standard
Free to use, modify, and distribute. Can be used commercially without attribution.
What's allowed?
- ✓ Client work
- ✓ SaaS / Web apps
- ✓ YouTube / Video
- ✓ Sell products
- ✓ Print materials
Note: Derivative fonts must use the same license.
Full license guide →BenchNine is a condensed sans-serif loosely based on the ink spreads and bleeds of traditional woodcut type. A mash-up of Stephenson Blake designs with rounded corners, it delivers a compact, modern feel in limited horizontal space.
Best Use Cases
BenchNine works well for:
- Headlines and subheads: Its condensed proportions pack information densely
- Data-heavy layouts: Tables, dashboards, and infographics benefit from its narrow width
- Editorial design: Magazine headers, column titles, pull quotes
- Signage and wayfinding: Clear at larger sizes despite condensed form
Usage Tips
With only three weights (300, 400, 700), keep typographic hierarchy simple. Use Light for display sizes, Regular for body, and Bold for emphasis. Pair with a wider serif like Libre Baskerville for body text to create visual contrast.
Is BenchNine on Google Fonts?
Yes, BenchNine is available for free on Google Fonts. Get BenchNine on Google Fonts ↗
Alternative For (4)
BenchNine is a free alternative to the following premium fonts:
Condensed sans-serif with woodcut heritage and compact proportions
Condensed sans-serif with woodcut heritage for space-efficient headlines
Condensed sans-serif with industrial character for data-heavy layouts
Lightweight condensed sans with editorial utility for compact headlines
Compare BenchNine
See how BenchNine compares to other fonts side by side.
How to Use BenchNine
Copy these code snippets to quickly add BenchNine to your project.
CSS code for BenchNine
@import url('https://fonts.googleapis.com/css2?family=BenchNine:wght@300;400;700&display=swap');HTML code for BenchNine
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=BenchNine:wght@300;400;700&display=swap" rel="stylesheet">Tailwind code for BenchNine
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'benchnine': ['BenchNine', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-benchnine">Your text here</p>Next.js code for BenchNine
// Using next/font (Next.js 13+)
import { BenchNine } from 'next/font/google';
const benchnine = BenchNine({
subsets: ['latin'],
weight: ['300', '400', '700'],
});
export default function Component() {
return (
<p className={benchnine.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: "'BenchNine'" }}>Your text</p>Expo and React Native code for BenchNine
// Install: npx expo install @expo-google-fonts/benchnine expo-font
import { useFonts, BenchNine_400Regular } from '@expo-google-fonts/benchnine';
export default function App() {
const [fontsLoaded] = useFonts({
BenchNine_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'BenchNine_400Regular' }}>
Your text here
</Text>
);
}