Sans-serif · Google Fonts · #98 most popular
Karla font: free download & CSS embed
Karla is a free, open-source sans-serif typeface from Google Fonts with 14 styles (7 weights, italics) and 2 character subsets. Free for commercial use under the SIL Open Font License or Apache 2.0.
Click the text above to type your own preview.
Weights & styles
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
The quick brown fox jumps over the lazy dog 0123456789
Embed Karla with Google Fonts
<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=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap" rel="stylesheet">
<style>
body { font-family: "Karla", sans-serif; }
</style>Self-host Karla (faster, GDPR-friendly)
Download the ZIP above and serve the woff2 files from your own domain:
@font-face {
font-family: "Karla";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://fonts.gstatic.com/s/karla/v33/qkBIXvYC6trAT55ZBi1ueQVIjQTD-JqaE0lK.woff2") format("woff2");
}Fonts that pair well with Karla
About the Karla typeface
Karla is a sans-serif font family distributed through Google Fonts (version v33, last updated 2025-09-11). It supports the latin, latin-ext subsets, which makes it suitable for multilingual websites, apps and print. Available styles: 200, 300, 400, 500, 600, 700, 800, 200 italic, 300 italic, 400 italic, 500 italic, 600 italic, 700 italic, 800 italic.
When to use Karla
Sans-serif fonts like this one are the workhorse of UI design: use it for body text, navigation, buttons and dashboards where legibility at small sizes matters. Pair it with a serif for headlines to add contrast.
License
Like all Google Fonts, Karla is open source. It can be used freely in commercial projects, websites, apps, logos and printed products, and it can be redistributed and self-hosted under the terms of its license (OFL 1.1 or Apache 2.0).
Frequently asked questions
Is Karla free for commercial use?
Yes. Karla is published on Google Fonts under an open-source license, so you can use it in commercial websites, apps, logos and print without paying royalties.
How do I download Karla?
Use the download button on this page to get a ZIP with woff2, woff and ttf files for Karla, or download the family from Google Fonts. Install the TTF files on Windows or macOS to use it in Figma, Photoshop or Word.
How do I add Karla to my website?
Copy the Google Fonts stylesheet link from this page into your HTML head, then set font-family: "Karla" in CSS. For best performance and privacy, self-host the woff2 files instead.
What weights does Karla have?
Karla ships with 14 styles: 200, 300, 400, 500, 600, 700, 800, 200 italic, 300 italic, 400 italic, 500 italic, 600 italic, 700 italic, 800 italic.
Looking for a motion designer?
Free Creative Assets is built by Serhii Dovhyi (Sergey Designer), a Top Rated Plus motion designer with 330+ delivered projects.