Install FontSwap
Anek Latin
About Anek Latin
- 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 →Anek Latin is the Latin counterpart of the Anek superfamily, which covers 9 Indian scripts. Designed by Ek Type, it features both weight and width variable axes, making it highly adaptable for responsive design and complex typographic layouts.
Best Use Cases
Anek Latin works well for:
- Multilingual products: Projects spanning Latin and Indian scripts
- Responsive design: Width axis adapts to viewport and container sizes
- UI design: Versatile enough for navigation, body, and display use
- Brand identity: Flexible system supporting diverse applications
Usage Tips
The dual-axis variable font (weight 100-800, width 75-125) makes Anek Latin exceptionally versatile. Use condensed widths for navigation and expanded widths for display. The Anek superfamily covers Bengali, Devanagari, Gujarati, Gurmukhi, Kannada, Malayalam, Odia, Tamil, and Telugu — ideal for projects targeting Indian markets.
Is Anek Latin on Google Fonts?
Yes, Anek Latin is available for free on Google Fonts. Get Anek Latin on Google Fonts ↗
Alternative For (3)
Anek Latin is a free alternative to the following premium fonts:
Compare Anek Latin
See how Anek Latin compares to other fonts side by side.
Variable Font Axes
Anek Latin is a variable font with 2 axes you can fine-tune.
| Axis | Min | Default | Max |
|---|---|---|---|
| wght | 100 | 400 | 800 |
| wdth | 75 | 100 | 125 |
How to Use Anek Latin
Copy these code snippets to quickly add Anek Latin to your project.
CSS code for Anek Latin
@import url('https://fonts.googleapis.com/css2?family=Anek+Latin:wght@100..900&display=swap');HTML code for Anek Latin
<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=Anek+Latin:wght@100..900&display=swap" rel="stylesheet">Tailwind code for Anek Latin
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'anek-latin': ['"Anek Latin"', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-anek-latin">Your text here</p>Next.js code for Anek Latin
// Using next/font (Next.js 13+)
import { Anek_Latin } from 'next/font/google';
const anek_latin = Anek_Latin({
subsets: ['latin'],
weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
});
export default function Component() {
return (
<p className={anek_latin.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: '"Anek Latin"' }}>Your text</p>Expo and React Native code for Anek Latin
// Install: npx expo install @expo-google-fonts/anek-latin expo-font
import { useFonts, Anek_Latin_400Regular } from '@expo-google-fonts/anek-latin';
export default function App() {
const [fontsLoaded] = useFonts({
Anek_Latin_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Anek_Latin_400Regular' }}>
Your text here
</Text>
);
}