Install FontSwap
Alex Brush
About Alex Brush
- 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 →Alex Brush is an elegant brush script typeface designed by Robert Leuschke of TypeSETit. Released in 2011, it combines the fluidity of brush lettering with the sophistication of formal scripts.
History and Design
Robert Leuschke created Alex Brush as part of his extensive collection of calligraphic fonts. The design captures the natural flow of brush pen lettering, featuring graceful connections, varying stroke widths, and organic letterforms. While elegant, it maintains a more casual feel than formal copperplate scripts.
Why Alex Brush is Popular
Alex Brush has become popular for its balance of elegance and approachability. It serves as a free alternative to premium brush scripts used in wedding design, beauty branding, and creative projects. The natural brush quality adds warmth and personality without appearing overly formal.
Technical Features
- Single weight: Carefully balanced Regular weight
- Brush stroke quality: Natural variation in stroke width
- Flowing connections: Smooth letter joins
- Extended Latin: Support for European languages
- Contextual alternates: Varied letterforms through OpenType
Best Use Cases
Alex Brush excels in:
- Wedding design: Invitations with a softer touch
- Beauty branding: Cosmetics and skincare packaging
- Boutique logos: Small business and personal brands
- Event signage: Welcome signs and table cards
- Product labels: Artisanal and handcrafted goods
Usage Tips
Use Alex Brush at large sizes (28px+) for best rendering of brush details. The single weight means hierarchy comes from size and pairing fonts. Limit use to headlines and accent text. Pairs beautifully with clean serifs like Libre Baskerville or sans-serifs like Raleway. Enable OpenType features for contextual alternates when available.
Is Alex Brush on Google Fonts?
Yes, Alex Brush is available for free on Google Fonts. Get Alex Brush on Google Fonts ↗
Alternative For (3)
Alex Brush is a free alternative to the following premium fonts:
Brush script with comparable hand-lettered quality and artistic character
Compare Alex Brush
See how Alex Brush compares to other fonts side by side.
Font Pairings
Fonts that pair well with Alex Brush based on contrast and complementary design characteristics.
Performance
Key metrics for evaluating Alex Brush in production.
Font Metrics
Fallback CSS Overrides
Apply these overrides to Arial to minimize layout shift when loading Alex Brush.
@font-face {
font-family: 'Alex Brush Fallback';
src: local('Arial');
ascent-override: 82.5%;
descent-override: 42.5%;
line-gap-override: 0%;
size-adjust: 61.71%;
}How to Use Alex Brush
Copy these code snippets to quickly add Alex Brush to your project.
CSS code for Alex Brush
@import url('https://fonts.googleapis.com/css2?family=Alex+Brush:wght@400&display=swap');HTML code for Alex Brush
<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=Alex+Brush:wght@400&display=swap" rel="stylesheet">Tailwind code for Alex Brush
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'alex-brush': ['"Alex Brush"', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-alex-brush">Your text here</p>Next.js code for Alex Brush
// Using next/font (Next.js 13+)
import { Alex_Brush } from 'next/font/google';
const alex_brush = Alex_Brush({
subsets: ['latin'],
weight: ['400'],
});
export default function Component() {
return (
<p className={alex_brush.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: '"Alex Brush"' }}>Your text</p>Expo and React Native code for Alex Brush
// Install: npx expo install @expo-google-fonts/alex-brush expo-font
import { useFonts, Alex_Brush_400Regular } from '@expo-google-fonts/alex-brush';
export default function App() {
const [fontsLoaded] = useFonts({
Alex_Brush_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Alex_Brush_400Regular' }}>
Your text here
</Text>
);
}