Install FontSwap
Sora
About Sora
- Source
- Google Fonts ↗
- Classification
- sans-serif
- Weights
- Variable (100-900)
- Features
- Variable
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 →Sora is a geometric sans-serif designed by Jonathan Barnbrook, commissioned for the Sora decentralized network. Its precise letterforms and monospace-influenced spacing give it a technical, engineered character suited to crypto and developer-facing products.
Best Use Cases
Sora fits well in:
- Web3 and crypto: Token dashboards, protocol documentation
- Developer tools: Technical interfaces, CLI documentation
- Tech startups: Brand identity, marketing materials
- Data visualization: Charts, dashboards, analytics platforms
Usage Tips
Sora's variable weight range (100-800) covers most typographic needs. The slightly wider spacing makes it comfortable for code-adjacent contexts. Use 400 for body and 600-700 for headings. No italics — use weight variation or a different emphasis strategy.
Is Sora on Google Fonts?
Yes, Sora is available for free on Google Fonts. Get Sora on Google Fonts ↗
Alternative For (4)
Sora is a free alternative to the following premium fonts:
Geometric variable sans with tech-forward character
Compare Sora
See how Sora compares to other fonts side by side.
Variable Font Axes
Sora is a variable font with 1 axis you can fine-tune.
| Axis | Min | Default | Max |
|---|---|---|---|
| wght | 100 | 400 | 800 |
How to Use Sora
Copy these code snippets to quickly add Sora to your project.
CSS code for Sora
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100..900&display=swap');HTML code for Sora
<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=Sora:wght@100..900&display=swap" rel="stylesheet">Tailwind code for Sora
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'sora': ['Sora', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-sora">Your text here</p>Next.js code for Sora
// Using next/font (Next.js 13+)
import { Sora } from 'next/font/google';
const sora = Sora({
subsets: ['latin'],
weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
});
export default function Component() {
return (
<p className={sora.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: "'Sora'" }}>Your text</p>Expo and React Native code for Sora
// Install: npx expo install @expo-google-fonts/sora expo-font
import { useFonts, Sora_400Regular } from '@expo-google-fonts/sora';
export default function App() {
const [fontsLoaded] = useFonts({
Sora_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Sora_400Regular' }}>
Your text here
</Text>
);
}