Sans-serif · Google Fonts · #276 most popular
Chakra Petch font: free download & CSS embed
Chakra Petch is a free, open-source sans-serif typeface from Google Fonts with 10 styles (5 weights, italics) and 4 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
Embed Chakra Petch 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=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<style>
body { font-family: "Chakra Petch", sans-serif; }
</style>Self-host Chakra Petch (faster, GDPR-friendly)
Download the ZIP above and serve the woff2 files from your own domain:
@font-face {
font-family: "Chakra Petch";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("https://fonts.gstatic.com/s/chakrapetch/v13/cIf6MapbsEk7TDLdtEz1BwkWn6pg.woff2") format("woff2");
}Fonts that pair well with Chakra Petch
About the Chakra Petch typeface
Chakra Petch is a sans-serif font family distributed through Google Fonts (version v13, last updated 2025-09-16). It supports the latin, latin-ext, thai, vietnamese subsets, which makes it suitable for multilingual websites, apps and print. Available styles: 300, 300 italic, 400, 400 italic, 500, 500 italic, 600, 600 italic, 700, 700 italic.
When to use Chakra Petch
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, Chakra Petch 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 Chakra Petch free for commercial use?
Yes. Chakra Petch 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 Chakra Petch?
Use the download button on this page to get a ZIP with woff2, woff and ttf files for Chakra Petch, 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 Chakra Petch to my website?
Copy the Google Fonts stylesheet link from this page into your HTML head, then set font-family: "Chakra Petch" in CSS. For best performance and privacy, self-host the woff2 files instead.
What weights does Chakra Petch have?
Chakra Petch ships with 10 styles: 300, 300 italic, 400, 400 italic, 500, 500 italic, 600, 600 italic, 700, 700 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.