Install FontSwap
Iosevka
About Iosevka
- Source
- GitHub ↗
- Classification
- mono
- Weights
- Variable (100-900)
- Features
- Variable, Italics
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 →Iosevka is an open-source monospace family by Belleve Invis, released under the SIL Open Font License. Its own description — "versatile typeface for code, from code" — is the most accurate summary available: the fonts are generated from a build system rather than drawn as fixed outlines, which is what makes the family unusual.
The build system is the feature
Most typefaces ship a fixed set of styles. Iosevka ships a generator. The upstream repository lets you compile a custom variant, selecting per-character alternates — whether l gets a tail, whether 0 is slashed or dotted, whether i is serifed, how the g is constructed — and emit a private build under your own family name.
For a team standardising an editor font, that is a genuinely different proposition from picking from a list. Disagreements about zero styling or ligature behaviour stop being tradeoffs and become build flags. The cost is that you are running a toolchain rather than downloading a file, and you own the output.
Prebuilt releases cover the common combinations if you would rather not compile anything.
Design
Iosevka is noticeably narrower than most coding faces — roughly ⅗ the width of typical monospace designs. That is deliberate: more columns fit on screen at the same point size, which matters in split-pane editors and side-by-side diffs. Whether you like it is largely a matter of how much horizontal density you want; it is the single most divisive thing about the family.
Technical features
- Nine weights, 100–900, with variable builds available
- True italics plus an oblique, as separate cuts
- Extensive alternate glyph sets selectable at build time
- Script coverage: Latin, Latin Extended, Cyrillic and Greek
- Ligature and non-ligature variants — Iosevka and Iosevka Term
Best use cases
- Code editors and terminals: its entire design brief
- Split-pane and diff workflows: the narrow width is a real advantage
- Team-standardised toolchains: build one canonical variant and distribute it
- Technical documentation: where code samples need to sit in narrow columns
Where it struggles
The narrowness is polarising, and on a wide single-pane editor it can read as cramped rather than efficient. It is also not on Google Fonts, so web use means self-hosting from the GitHub releases and managing updates yourself. And the configurability that makes it powerful is a liability if nobody owns the build — an undocumented custom variant is a dependency your team will not be able to reproduce in two years. If you want a monospace you download once and forget, JetBrains Mono or Fira Code are the simpler answer.
Is Iosevka on Google Fonts?
No, Iosevka is not on Google Fonts. It is available from GitHub ↗
Alternative For (2)
Iosevka is a free alternative to the following premium fonts:
Narrow open-source mono, generated from a configurable build system.
Compare Iosevka
See how Iosevka compares to other fonts side by side.
Variable Font Axes
Iosevka is a variable font with 1 axis you can fine-tune.
| Axis | Min | Default | Max |
|---|---|---|---|
| wght | 100 | 400 | 900 |
How to Use Iosevka
Copy these code snippets to quickly add Iosevka to your project.
CSS code for Iosevka
/* Download from: https://github.com/be5invis/Iosevka */
@font-face {
font-family: Iosevka;
src: url('/fonts/iosevka.woff2') format('woff2');
font-display: swap;
}HTML code for Iosevka
<!-- Download from: https://github.com/be5invis/Iosevka -->
<link href="/fonts/iosevka.css" rel="stylesheet">Tailwind code for Iosevka
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'iosevka': ['Iosevka', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-iosevka">Your text here</p>Next.js code for Iosevka
// Import the font CSS in your _app.js or layout
import '/fonts/iosevka.css';
export default function Component() {
return (
<p style={{ fontFamily: "'Iosevka'" }}>
Your text here
</p>
);
}Expo and React Native code for Iosevka
// Install: npx expo install expo-font
import { useFonts } from 'expo-font';
export default function App() {
const [fontsLoaded] = useFonts({
'Iosevka': require('./assets/fonts/iosevka.ttf'),
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Iosevka' }}>
Your text here
</Text>
);
}
// Download font from: https://github.com/be5invis/Iosevka