Install FontSwap
Caveat Brush
About Caveat 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 →Caveat Brush is the bolder, rougher companion to Pablo Impallari's Caveat. Where Caveat mimics casual pen writing, Caveat Brush adds textured brush strokes for a more energetic, hand-painted feel.
Design & Character
Caveat Brush takes the natural handwriting skeleton of Caveat and renders it with thicker, more textured strokes that simulate a dry brush or thick marker. The result is a font with more visual weight and artistic personality than its sibling, while retaining the same organic baseline variation and natural letter spacing.
Best Use Cases
- Food and beverage packaging with artisanal character
- Children's content and educational materials
- Social media graphics needing hand-drawn energy
- Menu boards and chalkboard-style designs
- Casual branding with a handcrafted feel
Usage Tips
Use at display sizes (20px+) where the brush texture is visible. Caveat Brush works best for short headlines and accent text — avoid extended passages. Pair with a clean sans-serif like Open Sans or Nunito for contrast. For a lighter touch in the same handwriting style, use the regular Caveat.
Is Caveat Brush on Google Fonts?
Yes, Caveat Brush is available for free on Google Fonts. Get Caveat Brush on Google Fonts ↗
Alternative For (2)
Caveat Brush is a free alternative to the following premium fonts:
Shares the hand-painted brush energy, though less connected than Brush Script
Rough brush texture that captures House Script's handcrafted, artisanal quality
Compare Caveat Brush
See how Caveat Brush compares to other fonts side by side.
How to Use Caveat Brush
Copy these code snippets to quickly add Caveat Brush to your project.
CSS code for Caveat Brush
@import url('https://fonts.googleapis.com/css2?family=Caveat+Brush:wght@400&display=swap');HTML code for Caveat 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=Caveat+Brush:wght@400&display=swap" rel="stylesheet">Tailwind code for Caveat Brush
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'caveat-brush': ['"Caveat Brush"', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-caveat-brush">Your text here</p>Next.js code for Caveat Brush
// Using next/font (Next.js 13+)
import { Caveat_Brush } from 'next/font/google';
const caveat_brush = Caveat_Brush({
subsets: ['latin'],
weight: ['400'],
});
export default function Component() {
return (
<p className={caveat_brush.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: '"Caveat Brush"' }}>Your text</p>Expo and React Native code for Caveat Brush
// Install: npx expo install @expo-google-fonts/caveat-brush expo-font
import { useFonts, Caveat_Brush_400Regular } from '@expo-google-fonts/caveat-brush';
export default function App() {
const [fontsLoaded] = useFonts({
Caveat_Brush_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Caveat_Brush_400Regular' }}>
Your text here
</Text>
);
}