Install FontSwap
Gabarito
About Gabarito
- 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 →Gabarito is named after the Brazilian Portuguese word for an answer sheet, and that origin explains a lot. It was first commissioned in 2017 for an online learning platform in Brazil that helped students prepare for the vestibular university entrance exams. Leandro Assis and Álvaro Franca started the design, Álvaro Franca and Felipe Casaprima developed it further in 2020, and a 2023 revision, with help from Henrique Beier of Harbor Type, prepared it for release on Google Fonts, where Naipe Foundry is credited alongside the designers.
The result is a light-hearted geometric sans with a friendly voice and a surprisingly technical character set. Beyond standard Latin coverage it includes logic and set-theory symbols, scientific superiors and inferiors, extensive math operators and Roman numerals, the kind of glyphs most geometric families leave out.
That makes it a natural fit for education products, quiz and exam-prep apps, and any interface that mixes friendly copy with formulas. The variable weight axis runs from Regular (400) to Black (900) with no italics, so it is strongest in confident headings and short UI text rather than delicate light-weight typography.
Google Fonts files it under Display. It is free under the SIL Open Font License 1.1.
Is Gabarito on Google Fonts?
Yes, Gabarito is available for free on Google Fonts. Get Gabarito on Google Fonts ↗
Compare Gabarito
See how Gabarito compares to other fonts side by side.
Variable Font Axes
Gabarito is a variable font with 1 axis you can fine-tune.
| Axis | Min | Default | Max |
|---|---|---|---|
| wght | 400 | 400 | 900 |
How to Use Gabarito
Copy these code snippets to quickly add Gabarito to your project.
CSS code for Gabarito
@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@100..900&display=swap');HTML code for Gabarito
<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=Gabarito:wght@100..900&display=swap" rel="stylesheet">Tailwind code for Gabarito
// tailwind.config.js
module.exports = {
theme: {
extend: {
fontFamily: {
'gabarito': ['Gabarito', 'sans-serif'],
},
},
},
}
// Usage in HTML:
// <p class="font-gabarito">Your text here</p>Next.js code for Gabarito
// Using next/font (Next.js 13+)
import { Gabarito } from 'next/font/google';
const gabarito = Gabarito({
subsets: ['latin'],
weight: ['100', '200', '300', '400', '500', '600', '700', '800', '900'],
});
export default function Component() {
return (
<p className={gabarito.className}>
Your text here
</p>
);
}
// Or using inline styles with Google Fonts link:
// <p style={{ fontFamily: "'Gabarito'" }}>Your text</p>Expo and React Native code for Gabarito
// Install: npx expo install @expo-google-fonts/gabarito expo-font
import { useFonts, Gabarito_400Regular } from '@expo-google-fonts/gabarito';
export default function App() {
const [fontsLoaded] = useFonts({
Gabarito_400Regular,
});
if (!fontsLoaded) return null;
return (
<Text style={{ fontFamily: 'Gabarito_400Regular' }}>
Your text here
</Text>
);
}