Install FontSwap
Martian Mono
About Martian Mono
- Source
- Google Fonts ↗
- Classification
- mono
- 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 →Martian Mono is the monospaced sibling of Martian Grotesk, made by Roman Shamin and Evil Martians for code and code-style design. It inherits what its Google Fonts description calls the parent family's "brutal and eye-catching" aesthetics while staying practical for developers and designers who like systematic layouts.
It is also unusually flexible for a monospace. The variable font on Google Fonts has two axes: width from 75 to 112.5 (Condensed to SemiExpanded) and weight from Thin (100) to ExtraBold (800). Most coding fonts give you weight only, so the width axis is what sets it apart. Use condensed widths for narrow sidebars and tables, and wider settings for display numerals or headlines that want a technical edge.
Basic Cyrillic arrived in January 2023, adding Ukrainian, Belarusian and Russian alongside Latin and Latin Extended.
There are no italics. If your editor theme relies on italic comments, pick a theme that marks comments with colour instead, or pair it with another family.
Martian Mono suits developer-tool branding, terminal-style landing pages and data-dense dashboards as much as an editor. It is free on Google Fonts under the SIL Open Font License 1.1.
Is Martian Mono on Google Fonts?
Yes, Martian Mono is available for free on Google Fonts. Get Martian Mono on Google Fonts ↗
Compare Martian Mono
See how Martian Mono compares to other fonts side by side.
Variable Font Axes
Martian Mono is a variable font with 2 axes you can fine-tune.
| Axis | Min | Default | Max |
|---|---|---|---|
| wght | 100 | 400 | 800 |
| wdth | 75 | 100 | 112.5 |
How to Use Martian Mono
Copy these code snippets to quickly add Martian Mono to your project.
CSS code for Martian Mono
@import url('https://fonts.googleapis.com/css2?family=Martian+Mono:wght@100..900&display=swap');HTML code for Martian Mono
<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=Martian+Mono:wght@100..900&display=swap" rel="stylesheet">Tailwind code for Martian Mono
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'martian-mono': ['"Martian Mono"', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-martian-mono">Your text here</p>Next.js code for Martian Mono
// Using next/font (Next.js 13+)
import { Martian_Mono } from 'next/font/google';
const martian_mono = Martian_Mono({
subsets: ['latin'],
weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
});
export default function Component() {
return (
<p className={martian_mono.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: '"Martian Mono"' }}>Your text</p>Expo and React Native code for Martian Mono
// Install: npx expo install @expo-google-fonts/martian-mono expo-font
import { useFonts, Martian_Mono_400Regular } from '@expo-google-fonts/martian-mono';
export default function App() {
const [fontsLoaded] = useFonts({
Martian_Mono_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Martian_Mono_400Regular' }}>
Your text here
</Text>
);
}