Install FontSwap
Mrs Saint Delafield
About Mrs Saint Delafield
- 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 →Mrs Saint Delafield is an elegant calligraphic script designed by Alejandro Paul at Sudtipos. It is a digital revival of vintage copperplate lettering originally created by Charles P. Bluemlein, carefully rendered to preserve the authenticity of the original hand-lettered forms.
History and Design
The design features flowing, connected letterforms with expressive flourishes characteristic of formal copperplate calligraphy. Its high stroke contrast and sweeping ascenders and descenders give it a refined, luxurious quality that evokes classic invitation engraving.
Best Use Cases
Mrs Saint Delafield excels in:
- Wedding stationery: Invitations, save-the-dates, place cards
- Luxury branding: High-end product labels, fashion logos
- Certificates and awards: Formal documents, diplomas
- Editorial accents: Pull quotes, decorative initials, section headers
Usage Tips
Use Mrs Saint Delafield sparingly at large sizes (32px+) for maximum elegance. It works best for short text — names, titles, and accent phrases rather than full sentences. Pair with a refined serif like Libre Baskerville or a clean sans-serif for supporting text. Avoid using it for body copy as the ornate letterforms reduce readability at small sizes.
Is Mrs Saint Delafield on Google Fonts?
Yes, Mrs Saint Delafield is available for free on Google Fonts. Get Mrs Saint Delafield on Google Fonts ↗
Compare Mrs Saint Delafield
See how Mrs Saint Delafield compares to other fonts side by side.
Font Pairings
Fonts that pair well with Mrs Saint Delafield based on contrast and complementary design characteristics.
Performance
Key metrics for evaluating Mrs Saint Delafield in production.
Font Metrics
Fallback CSS Overrides
Apply these overrides to Arial to minimize layout shift when loading Mrs Saint Delafield.
@font-face {
font-family: 'Mrs Saint Delafield Fallback';
src: local('Arial');
ascent-override: 90.6%;
descent-override: 61.9%;
line-gap-override: 0%;
size-adjust: 43.2%;
}How to Use Mrs Saint Delafield
Copy these code snippets to quickly add Mrs Saint Delafield to your project.
CSS code for Mrs Saint Delafield
@import url('https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield:wght@400&display=swap');HTML code for Mrs Saint Delafield
<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=Mrs+Saint+Delafield:wght@400&display=swap" rel="stylesheet">Tailwind code for Mrs Saint Delafield
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'mrs-saint-delafield': ['"Mrs Saint Delafield"', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-mrs-saint-delafield">Your text here</p>Next.js code for Mrs Saint Delafield
// Using next/font (Next.js 13+)
import { Mrs_Saint_Delafield } from 'next/font/google';
const mrs_saint_delafield = Mrs_Saint_Delafield({
subsets: ['latin'],
weight: ['400'],
});
export default function Component() {
return (
<p className={mrs_saint_delafield.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: '"Mrs Saint Delafield"' }}>Your text</p>Expo and React Native code for Mrs Saint Delafield
// Install: npx expo install @expo-google-fonts/mrs-saint-delafield expo-font
import { useFonts, Mrs_Saint_Delafield_400Regular } from '@expo-google-fonts/mrs-saint-delafield';
export default function App() {
const [fontsLoaded] = useFonts({
Mrs_Saint_Delafield_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Mrs_Saint_Delafield_400Regular' }}>
Your text here
</Text>
);
}