Install FontSwap
Satoshi
About Satoshi
- Source
- ↗
- Classification
- sans-serif
- Weights
- Variable (100-900)
- Features
- Variable, Italics
Check the license terms for usage rights.
What's allowed?
- ✓ Client work
- ✓ SaaS / Web apps
- ✓ YouTube / Video
- ✓ Sell products
- ✓ Print materials
Satoshi is a neo-grotesque sans-serif from Indian Type Foundry, distributed free via Fontshare. It has become one of the most popular free typefaces in the tech and startup world, valued for its clean, modern character that balances between geometric precision and humanist warmth.
Best Use Cases
Satoshi works well for:
- Startup branding: Landing pages, pitch decks, product identity
- SaaS interfaces: Dashboard text, navigation, form labels
- Developer portfolios: Clean, technical-looking personal sites
- Marketing materials: Headlines, feature descriptions, social media
Usage Tips
Satoshi's variable weight axis (300-900) with italics provides full typographic flexibility. Use 400-500 for body text and 700 for headings. Its subtle personality sits between Inter's neutrality and Geist's technical precision. Download from Fontshare — it's free for personal and commercial use.
Is Satoshi on Google Fonts?
No, Satoshi is not on Google Fonts. It is available from ↗
Alternative For (4)
Satoshi is a free alternative to the following premium fonts:
Neo-grotesque from Fontshare with similar tech character
Popular neo-grotesque from Fontshare with clean character
Compare Satoshi
See how Satoshi compares to other fonts side by side.
Variable Font Axes
Satoshi is a variable font with 1 axis you can fine-tune.
| Axis | Min | Default | Max |
|---|---|---|---|
| wght | 300 | 400 | 900 |
How to Use Satoshi
Copy these code snippets to quickly add Satoshi to your project.
CSS code for Satoshi
/* Download from: https://www.fontshare.com/fonts/satoshi */
@font-face {
font-family: Satoshi;
src: url('/fonts/satoshi.woff2') format('woff2');
font-display: swap;
}HTML code for Satoshi
<!-- Download from: https://www.fontshare.com/fonts/satoshi -->
<link href="/fonts/satoshi.css" rel="stylesheet">Tailwind code for Satoshi
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'satoshi': ['Satoshi', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-satoshi">Your text here</p>Next.js code for Satoshi
// Import the font CSS in your _app.js or layout
import '/fonts/satoshi.css';
export default function Component() {
return (
<p style={{ fontFamily: "'Satoshi'" }}>
Your text here
</p>
);
}Expo and React Native code for Satoshi
// Install: npx expo install expo-font
import { useFonts } from 'expo-font';
export default function App() {
const [fontsLoaded] = useFonts({
'Satoshi': require('./assets/fonts/satoshi.ttf'),
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Satoshi' }}>
Your text here
</Text>
);
}
// Download font from: https://www.fontshare.com/fonts/satoshi