Install FontSwap
General Sans
About General Sans
- 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
General Sans is a versatile neo-grotesque from Indian Type Foundry, free on Fontshare. Its balanced proportions and clean construction make it a strong free alternative to premium workhorse sans-serifs like Calibre and Acumin.
Best Use Cases
General Sans works well for:
- Product interfaces: Forms, navigation, data tables
- Brand identity: Logo lockups, business cards, collateral
- Web design: Blog typography, marketing pages
- Documentation: Technical guides, help centers
Usage Tips
General Sans covers 6 weights from Extralight (200) to Bold (700) with italics. Use 400 for body text and 600 for headings. Its neutral character makes it adaptable to nearly any design context. Available free for personal and commercial use from Fontshare.
Is General Sans on Google Fonts?
No, General Sans is not on Google Fonts. It is available from ↗
Alternative For (4)
General Sans is a free alternative to the following premium fonts:
Clean neo-grotesque from Fontshare with similar neutral character
Compare General Sans
See how General Sans compares to other fonts side by side.
Variable Font Axes
General Sans is a variable font with 1 axis you can fine-tune.
| Axis | Min | Default | Max |
|---|---|---|---|
| wght | 200 | 400 | 700 |
How to Use General Sans
Copy these code snippets to quickly add General Sans to your project.
CSS code for General Sans
/* Download from: https://www.fontshare.com/fonts/general-sans */
@font-face {
font-family: "General Sans";
src: url('/fonts/general-sans.woff2') format('woff2');
font-display: swap;
}HTML code for General Sans
<!-- Download from: https://www.fontshare.com/fonts/general-sans -->
<link href="/fonts/general-sans.css" rel="stylesheet">Tailwind code for General Sans
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'general-sans': ['"General Sans"', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-general-sans">Your text here</p>Next.js code for General Sans
// Import the font CSS in your _app.js or layout
import '/fonts/general-sans.css';
export default function Component() {
return (
<p style={{ fontFamily: '"General Sans"' }}>
Your text here
</p>
);
}Expo and React Native code for General Sans
// Install: npx expo install expo-font
import { useFonts } from 'expo-font';
export default function App() {
const [fontsLoaded] = useFonts({
'General Sans': require('./assets/fonts/general-sans.ttf'),
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'General Sans' }}>
Your text here
</Text>
);
}
// Download font from: https://www.fontshare.com/fonts/general-sans