Install FontSwap
Mr Dafoe
About Mr Dafoe
- Source
- Google Fonts ↗
- Classification
- display
- Weights
- 400
- 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 →Mr Dafoe is a dramatic brush script designed by Sudtipos, available on Google Fonts. Its bold, sweeping strokes capture the energy of expressive brush calligraphy with a distinctly cinematic personality.
Design & Character
Mr Dafoe delivers thick, confident brush strokes with dramatic contrast between thick and thin passages. The letterforms lean heavily forward with exaggerated ascenders and descenders, creating a sense of movement and flair. Unlike delicate copperplate scripts, Mr Dafoe commands attention with its bold, almost theatrical character.
Best Use Cases
- Bold signature-style logos and wordmarks
- Music and entertainment branding
- Premium packaging with dramatic flair
- Fashion lookbooks and editorial headers
- Restaurant and bar signage
Usage Tips
Mr Dafoe demands space — use at large display sizes (32px+) and limit to short text. The dramatic strokes can overwhelm a layout, so pair with a restrained serif or clean sans-serif. Works best as a single statement element rather than repeated across a design.
Is Mr Dafoe on Google Fonts?
Yes, Mr Dafoe is available for free on Google Fonts. Get Mr Dafoe on Google Fonts ↗
Alternative For (2)
Mr Dafoe is a free alternative to the following premium fonts:
Dramatic brush script with bold signature-style strokes
Compare Mr Dafoe
See how Mr Dafoe compares to other fonts side by side.
How to Use Mr Dafoe
Copy these code snippets to quickly add Mr Dafoe to your project.
CSS code for Mr Dafoe
@import url('https://fonts.googleapis.com/css2?family=Mr+Dafoe:wght@400&display=swap');HTML code for Mr Dafoe
<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=Mr+Dafoe:wght@400&display=swap" rel="stylesheet">Tailwind code for Mr Dafoe
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'mr-dafoe': ['"Mr Dafoe"', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-mr-dafoe">Your text here</p>Next.js code for Mr Dafoe
// Using next/font (Next.js 13+)
import { Mr_Dafoe } from 'next/font/google';
const mr_dafoe = Mr_Dafoe({
subsets: ['latin'],
weight: ['400'],
});
export default function Component() {
return (
<p className={mr_dafoe.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: '"Mr Dafoe"' }}>Your text</p>Expo and React Native code for Mr Dafoe
// Install: npx expo install @expo-google-fonts/mr-dafoe expo-font
import { useFonts, Mr_Dafoe_400Regular } from '@expo-google-fonts/mr-dafoe';
export default function App() {
const [fontsLoaded] = useFonts({
Mr_Dafoe_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Mr_Dafoe_400Regular' }}>
Your text here
</Text>
);
}