Install FontSwap
URW Gothic
About URW Gothic
- Source
- Google Fonts ↗
- Classification
- sans-serif
- Weights
- 400, 500, 600, 700
- Features
- Italics
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 →URW Gothic is a humanist sans-serif typeface based on ITC Avant Garde Gothic, featuring distinctive stroke modulation that sets it apart from typical sans-serifs. Its elegant letterforms with subtle thick-thin contrast make it an excellent alternative for designs requiring refined sophistication.
History and Design
URW++ released URW Gothic as part of their extensive library of classic typeface revivals and interpretations. The design captures the elegant, calligraphic quality of typefaces like Optima—sans-serifs that feature subtle stroke variation reminiscent of pen-drawn letters. This gives URW Gothic a warmth and sophistication that purely geometric or grotesque sans-serifs cannot achieve.
The letterforms show careful attention to proportions and rhythm, with the stroke modulation adding visual interest without compromising legibility. The result is a typeface that feels both contemporary and timeless.
Why URW Gothic Stands Out
Unlike most sans-serifs that maintain uniform stroke widths, URW Gothic's subtle variation creates a more organic, humanist feel. This makes it particularly suitable for fashion, luxury, and editorial contexts where pure geometric or grotesque sans-serifs might feel too cold or mechanical.
The typeface bridges the gap between sans and serif aesthetics, offering the clarity of a sans-serif with hints of classical elegance typically associated with Roman letterforms.
Technical Features
- 4 weights: Regular through Bold for flexible hierarchy
- True italics: Elegant italic designs with cursive influences
- Extended Latin: Coverage for Western European languages
- Stroke modulation: Distinctive thick-thin contrast
Best Use Cases
URW Gothic excels in:
- Fashion and luxury: Refined elegance without ostentation
- Editorial design: Sophisticated headlines and pull quotes
- High-end branding: Understated luxury for premium brands
- Invitations and stationery: Elegant typographic presence
Usage Tips
URW Gothic performs best at display sizes where its subtle stroke modulation can be appreciated. For body text, consider sizes of 14px or larger to preserve the elegant details. Pair with complementary serifs like Playfair Display for dramatic contrast, or use alone for minimalist sophistication.
Is URW Gothic on Google Fonts?
Yes, URW Gothic is available for free on Google Fonts. Get URW Gothic on Google Fonts ↗
Alternative For (1)
URW Gothic is a free alternative to the following premium fonts:
Compare URW Gothic
See how URW Gothic compares to other fonts side by side.
Font Pairings
Fonts that pair well with URW Gothic based on contrast and complementary design characteristics.
Performance
Key metrics for evaluating URW Gothic in production.
How to Use URW Gothic
Copy these code snippets to quickly add URW Gothic to your project.
CSS code for URW Gothic
@import url('https://fonts.googleapis.com/css2?family=URW+Gothic:wght@400;500;600;700&display=swap');HTML code for URW Gothic
<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=URW+Gothic:wght@400;500;600;700&display=swap" rel="stylesheet">Tailwind code for URW Gothic
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'urw-gothic': ['"URW Gothic"', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-urw-gothic">Your text here</p>Next.js code for URW Gothic
// Using next/font (Next.js 13+)
import { URW_Gothic } from 'next/font/google';
const urw_gothic = URW_Gothic({
subsets: ['latin'],
weight: ['400', '500', '600', '700'],
});
export default function Component() {
return (
<p className={urw_gothic.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: '"URW Gothic"' }}>Your text</p>Expo and React Native code for URW Gothic
// Install: npx expo install @expo-google-fonts/urw-gothic expo-font
import { useFonts, URW_Gothic_400Regular } from '@expo-google-fonts/urw-gothic';
export default function App() {
const [fontsLoaded] = useFonts({
URW_Gothic_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'URW_Gothic_400Regular' }}>
Your text here
</Text>
);
}