sans-serif18 weights·4 subsets

Kanit

The quick brown fox jumps over the lazy dog. 1234567890

Try it

Type your own text to preview

Use Kanit 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=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
CSS @import
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
CSS rule
font-family: 'Kanit', sans-serif;
Self-host (Fontsource)
npm install @fontsource/kanit
Download Kanit (.zip)

Font files from Google Fonts, under their open licenses.

About Kanit

Kanit is a sans-serif typeface available on Google Fonts. It includes 18 weights and supports 4 language subsets.

Weights

100100italic200200italic300300italicregularitalic500500italic600600italic700700italic800800italic900900italic

Subsets

latinlatin-extthaivietnamese

Use Kanit on FontDash

FontDash makes Kanit 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