Install FontSwap
UnifrakturCook
About UnifrakturCook
- Source
- Google Fonts ↗
- Classification
- display
- Weights
- 700
- Features
- Standard
Check the license terms for usage rights.
What's allowed?
- ✓ Client work
- ✓ SaaS / Web apps
- ✓ YouTube / Video
- ✓ Sell products
- ✓ Print materials
UnifrakturCook is a blackletter typeface in the Fraktur tradition, offering a bold-weight interpretation of German gothic script. Created as part of the Unifraktur project, it provides a freely available Fraktur design suitable for display applications requiring authentic blackletter character.
History and Design
UnifrakturCook belongs to the same family of digitized Fraktur typefaces as UnifrakturMaguntia, but presents a distinct interpretation of the tradition. Available in a single bold weight, the typeface features the characteristic angular construction, broken curves, and rhythmic vertical strokes that define Fraktur letterforms. The bold weight gives it a commanding presence at display sizes, making it effective for headlines and decorative applications.
The Fraktur script it represents has deep roots in European typographic history. Developed from the manuscript hands used in German-speaking regions from the early 16th century, Fraktur became the dominant script for German printing and remained in official use longer than any other blackletter variant. UnifrakturCook preserves these historical letterforms in a digital format accessible to contemporary designers.
Best For
- Bold blackletter headlines and display text
- Heritage-themed branding and packaging
- Traditional German cultural materials and publications
- Certificate headers and formal document titling
- Event posters and promotional materials requiring gothic presence
Tips
The single bold weight makes UnifrakturCook ideal for high-impact display applications where strong visual presence is essential. Use at large sizes where the intricate blackletter details remain legible. Combine with a contrasting body text face — a humanist sans-serif or transitional serif provides effective readability alongside the decorative blackletter headlines. Avoid using for extended text passages, as blackletter forms reduce reading speed for audiences unfamiliar with the script.
Is UnifrakturCook on Google Fonts?
Yes, UnifrakturCook is available for free on Google Fonts. Get UnifrakturCook on Google Fonts ↗
Alternative For (3)
UnifrakturCook is a free alternative to the following premium fonts:
Lighter Fraktur variant with similar refined construction
Compare UnifrakturCook
See how UnifrakturCook compares to other fonts side by side.
Font Pairings
Fonts that pair well with UnifrakturCook based on contrast and complementary design characteristics.
Performance
Key metrics for evaluating UnifrakturCook in production.
How to Use UnifrakturCook
Copy these code snippets to quickly add UnifrakturCook to your project.
CSS code for UnifrakturCook
@import url('https://fonts.googleapis.com/css2?family=UnifrakturCook:wght@700&display=swap');HTML code for UnifrakturCook
<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=UnifrakturCook:wght@700&display=swap" rel="stylesheet">Tailwind code for UnifrakturCook
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'unifrakturcook': ['UnifrakturCook', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-unifrakturcook">Your text here</p>Next.js code for UnifrakturCook
// Using next/font (Next.js 13+)
import { UnifrakturCook } from 'next/font/google';
const unifraktur_cook = UnifrakturCook({
subsets: ['latin'],
weight: ['700'],
});
export default function Component() {
return (
<p className={unifraktur_cook.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: "'UnifrakturCook'" }}>Your text</p>Expo and React Native code for UnifrakturCook
// Install: npx expo install @expo-google-fonts/unifraktur-cook expo-font
import { useFonts, UnifrakturCook_400Regular } from '@expo-google-fonts/unifraktur-cook';
export default function App() {
const [fontsLoaded] = useFonts({
UnifrakturCook_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'UnifrakturCook_400Regular' }}>
Your text here
</Text>
);
}