sans-serif10 weights·4 subsets
Chakra Petch
The quick brown fox jumps over the lazy dog. 1234567890
Try it
Type your own text to preview
Use Chakra Petch on your site
Copy an embed snippet, self-host it, or download the font files — no sign-up needed.
HTML <link>
<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">CSS @import
@import url('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');CSS rule
font-family: 'Chakra Petch', sans-serif;Self-host (Fontsource)
npm install @fontsource/chakra-petchDownload Chakra Petch (.zip)
Font files from Google Fonts, under their open licenses.
About Chakra Petch
Chakra Petch is a sans-serif typeface available on Google Fonts. It includes 10 weights and supports 4 language subsets.
Weights
300300italicregularitalic500500italic600600italic700700italic
Subsets
latinlatin-extthaivietnamese
Use Chakra Petch on FontDash
FontDash makes Chakra Petch easy to test, pair with other fonts, and export as code or design tokens.
- • Test in your own copy with custom size and color
- • Find pairings that match its character
- • Build font palettes you can export to CSS, Tailwind, or Figma
- • Save it to a collection for later
Keep exploring