Install FontSwap
Courgette
About Courgette
- 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 →Courgette is a medium-contrast, brushy script typeface designed by Karolina Lach at Sorkin Type. Its unconnected letterforms with a lively bounce draw from 1950s commercial lettering, delivering warmth without sacrificing legibility.
Best Use Cases
Courgette works well for:
- Casual branding: Cafés, bakeries, lifestyle brands
- Greeting cards and invitations: Warm, personal feel without formal script rigidity
- Social media graphics: Instagram posts, story headers, quote overlays
- Food packaging: Artisan and handcrafted product labels
Usage Tips
Despite its script appearance, Courgette's unconnected letters remain readable at smaller sizes than most scripts. Use it for headings down to about 16px. Pair with a geometric sans-serif like Poppins or Josefin Sans for body text.
Is Courgette on Google Fonts?
Yes, Courgette is available for free on Google Fonts. Get Courgette on Google Fonts ↗
Alternative For (3)
Courgette is a free alternative to the following premium fonts:
Brushy script with 1950s commercial lettering influence and readable unconnected letters
Unconnected brushy script with casual warmth for packaging and branding
Compare Courgette
See how Courgette compares to other fonts side by side.
How to Use Courgette
Copy these code snippets to quickly add Courgette to your project.
CSS code for Courgette
@import url('https://fonts.googleapis.com/css2?family=Courgette:wght@400&display=swap');HTML code for Courgette
<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=Courgette:wght@400&display=swap" rel="stylesheet">Tailwind code for Courgette
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'courgette': ['Courgette', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-courgette">Your text here</p>Next.js code for Courgette
// Using next/font (Next.js 13+)
import { Courgette } from 'next/font/google';
const courgette = Courgette({
subsets: ['latin'],
weight: ['400'],
});
export default function Component() {
return (
<p className={courgette.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: "'Courgette'" }}>Your text</p>Expo and React Native code for Courgette
// Install: npx expo install @expo-google-fonts/courgette expo-font
import { useFonts, Courgette_400Regular } from '@expo-google-fonts/courgette';
export default function App() {
const [fontsLoaded] = useFonts({
Courgette_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Courgette_400Regular' }}>
Your text here
</Text>
);
}