Install FontSwap
UnifrakturMaguntia
About UnifrakturMaguntia
- Source
- Google Fonts ↗
- Classification
- display
- Weights
- 400
- Features
- Standard
Check the license terms for usage rights.
What's allowed?
- ✓ Client work
- ✓ SaaS / Web apps
- ✓ YouTube / Video
- ✓ Sell products
- ✓ Print materials
UnifrakturMaguntia is a traditional Fraktur blackletter typeface based on Peter Wiegel's digitization of historical German Fraktur letterforms. Named after the Latin name for Mainz (Moguntia) — the city where Gutenberg invented movable type — the font provides an authentic representation of the Fraktur script that dominated German printing for centuries.
History and Design
UnifrakturMaguntia descends from the Fraktur tradition that emerged in Germany during the early 16th century. Fraktur — meaning "fractured" in reference to its broken-curve letterforms — became Germany's national script and remained the standard for German-language printing until 1941. The typeface faithfully reproduces the angular arches, diamond-shaped terminals, and characteristic stroke modulation that define authentic Fraktur construction.
The letterforms display the essential Fraktur features: broken curves where rounded forms are replaced by angular junctions, heavy vertical strokes contrasted with fine hairlines, and elaborate uppercase letters with decorative swashes. The overall rhythm creates the dense, fence-like texture that makes blackletter instantly recognizable.
Best For
- Heritage branding and traditional German design contexts
- Display headlines requiring authentic blackletter character
- Cultural and historical projects referencing European manuscript traditions
- Certificate and diploma design needing formal gravitas
- Craft beer labels, artisanal packaging, and specialty products
Tips
UnifrakturMaguntia works exclusively as a display face — use it for headlines, logos, and decorative elements rather than body text. The single weight provides bold visual impact at large sizes. Pair with a clean serif or sans-serif for body text to create readable contrast. Consider the cultural associations of Fraktur carefully, as blackletter carries complex historical connotations in different contexts. The font supports standard Latin characters but lacks extensive OpenType features.
Is UnifrakturMaguntia on Google Fonts?
Yes, UnifrakturMaguntia is available for free on Google Fonts. Get UnifrakturMaguntia on Google Fonts ↗
Alternative For (3)
UnifrakturMaguntia is a free alternative to the following premium fonts:
Closest free Fraktur with authentic traditional letterforms
Traditional Fraktur with shared German blackletter heritage
Traditional blackletter with shared Old English spirit
Compare UnifrakturMaguntia
See how UnifrakturMaguntia compares to other fonts side by side.
Font Pairings
Fonts that pair well with UnifrakturMaguntia based on contrast and complementary design characteristics.
Performance
Key metrics for evaluating UnifrakturMaguntia in production.
Font Metrics
Fallback CSS Overrides
Apply these overrides to Arial to minimize layout shift when loading UnifrakturMaguntia.
@font-face {
font-family: 'UnifrakturMaguntia Fallback';
src: local('Arial');
ascent-override: 78.47%;
descent-override: 25.1%;
line-gap-override: 0%;
size-adjust: 103.11%;
}How to Use UnifrakturMaguntia
Copy these code snippets to quickly add UnifrakturMaguntia to your project.
CSS code for UnifrakturMaguntia
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia:wght@400&display=swap');HTML code for UnifrakturMaguntia
<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=UnifrakturMaguntia:wght@400&display=swap" rel="stylesheet">Tailwind code for UnifrakturMaguntia
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'unifrakturmaguntia': ['UnifrakturMaguntia', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-unifrakturmaguntia">Your text here</p>Next.js code for UnifrakturMaguntia
// Using next/font (Next.js 13+)
import { UnifrakturMaguntia } from 'next/font/google';
const unifraktur_maguntia = UnifrakturMaguntia({
subsets: ['latin'],
weight: ['400'],
});
export default function Component() {
return (
<p className={unifraktur_maguntia.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: "'UnifrakturMaguntia'" }}>Your text</p>Expo and React Native code for UnifrakturMaguntia
// Install: npx expo install @expo-google-fonts/unifraktur-maguntia expo-font
import { useFonts, UnifrakturMaguntia_400Regular } from '@expo-google-fonts/unifraktur-maguntia';
export default function App() {
const [fontsLoaded] = useFonts({
UnifrakturMaguntia_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'UnifrakturMaguntia_400Regular' }}>
Your text here
</Text>
);
}