Install FontSwap
Switzer
About Switzer
- 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
Switzer is a Swiss-style neo-grotesque from Indian Type Foundry, free on Fontshare. Drawing from the Helvetica/Univers tradition, it provides a clean, neutral foundation for professional design work without the licensing complexity of its premium inspirations.
Best Use Cases
Switzer excels in:
- Corporate identity: Brand guidelines, business communications
- Editorial design: Magazine layouts, article typography
- Enterprise products: B2B interfaces, admin dashboards
- Print design: Brochures, annual reports, presentations
Usage Tips
With 9 weights from Thin (100) to Black (900) plus italics, Switzer handles any typographic hierarchy. Its Swiss roots make it a reliable workhorse for projects that need Helvetica-level neutrality without the licensing. Pair with a humanist serif for editorial contrast.
Is Switzer on Google Fonts?
No, Switzer is not on Google Fonts. It is available from ↗
Alternative For (5)
Switzer is a free alternative to the following premium fonts:
Swiss-style grotesque from Fontshare with similar heritage
Compare Switzer
See how Switzer compares to other fonts side by side.
Variable Font Axes
Switzer is a variable font with 1 axis you can fine-tune.
| Axis | Min | Default | Max |
|---|---|---|---|
| wght | 100 | 400 | 900 |
How to Use Switzer
Copy these code snippets to quickly add Switzer to your project.
CSS code for Switzer
/* Download from: https://www.fontshare.com/fonts/switzer */
@font-face {
font-family: Switzer;
src: url('/fonts/switzer.woff2') format('woff2');
font-display: swap;
}HTML code for Switzer
<!-- Download from: https://www.fontshare.com/fonts/switzer -->
<link href="/fonts/switzer.css" rel="stylesheet">Tailwind code for Switzer
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'switzer': ['Switzer', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-switzer">Your text here</p>Next.js code for Switzer
// Import the font CSS in your _app.js or layout
import '/fonts/switzer.css';
export default function Component() {
return (
<p style={{ fontFamily: "'Switzer'" }}>
Your text here
</p>
);
}Expo and React Native code for Switzer
// Install: npx expo install expo-font
import { useFonts } from 'expo-font';
export default function App() {
const [fontsLoaded] = useFonts({
'Switzer': require('./assets/fonts/switzer.ttf'),
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Switzer' }}>
Your text here
</Text>
);
}
// Download font from: https://www.fontshare.com/fonts/switzer