Install FontSwap
Average
About Average
- Source
- Google Fonts ↗
- Classification
- serif
- Weights
- 400
- Features
- Standard
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 →Average is a serif typeface designed by Eduardo Tunni, available on Google Fonts. The design emerged from extensive research into text typeface families across different historical periods, both classical and contemporary. Tunni measured and gathered data from numerous serif designs to create what he describes as an "average" text face — a serif that synthesizes the best qualities of its predecessors into a balanced, readable whole.
History and Design
Eduardo Tunni developed Average through a methodical process of analyzing serif typefaces from various eras. By measuring letterform proportions, stroke weights, and spacing across dozens of specimens, Tunni distilled common qualities into a single design. The result is a typeface that feels familiar without being derivative — a readable serif that draws from the entire tradition rather than any single historical model.
Technical Features
- Single weight: Regular (400) optimized for body text
- Latin support: Comprehensive Latin and Latin Extended coverage
- Screen readable: Designed with clear stroke contrast for digital use
- Compact metrics: Efficient proportions for text-heavy layouts
Best Use Cases
Average excels in:
- Body text: Designed specifically for extended reading
- Academic publishing: Neutral, scholarly tone
- Editorial design: Reliable text composition
- Web typography: Clean rendering at body sizes
Usage Tips
Average works best at typical body text sizes (14-18px on screen, 10-12pt in print). Its single weight means hierarchy must be established through size, color, or pairing with a complementary typeface. For headlines, consider pairing with a contrasting sans-serif like Inter or Source Sans 3. The regular weight provides comfortable reading density for long-form content.
Is Average on Google Fonts?
Yes, Average is available for free on Google Fonts. Get Average on Google Fonts ↗
Alternative For (3)
Average is a free alternative to the following premium fonts:
Measured text serif averaging classical traditions into a balanced reading face
Compare Average
See how Average compares to other fonts side by side.
How to Use Average
Copy these code snippets to quickly add Average to your project.
CSS code for Average
@import url('https://fonts.googleapis.com/css2?family=Average:wght@400&display=swap');HTML code for Average
<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=Average:wght@400&display=swap" rel="stylesheet">Tailwind code for Average
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'average': ['Average', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-average">Your text here</p>Next.js code for Average
// Using next/font (Next.js 13+)
import { Average } from 'next/font/google';
const average = Average({
subsets: ['latin'],
weight: ['400'],
});
export default function Component() {
return (
<p className={average.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: "'Average'" }}>Your text</p>Expo and React Native code for Average
// Install: npx expo install @expo-google-fonts/average expo-font
import { useFonts, Average_400Regular } from '@expo-google-fonts/average';
export default function App() {
const [fontsLoaded] = useFonts({
Average_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Average_400Regular' }}>
Your text here
</Text>
);
}