Kanit

Try Kanit

Weights and styles

• Thin 100Kanit Thin Thin Italic
• ExtraLight 200Kanit ExtraLight ExtraLight Italic
• Light 300Kanit Light Light Italic
• Regular 400Kanit Regular Italic
• Medium 500Kanit Medium Medium Italic
• SemiBold 600Kanit SemiBold SemiBold Italic
• Bold 700Kanit Bold Bold Italic
• ExtraBold 800Kanit ExtraBold ExtraBold Italic
• Black 900Kanit Black Black Italic

About Kanit

Kanit is a sans serif typeface family that pairs a loopless Thai design with a Latin sans. The name is the Thai word for mathematics. In the Latin, humanist proportions meet curves flattened into capsule-like shapes, so letters such as o, c and e look slightly squared, and the lowercase is tall and wide. Stroke ends are cut at flat angles, a detail that lets letters sit closer together without losing clarity at small sizes. In the Thai, the simplified loopless forms were drawn with care to keep similar letters distinct. Kanit comes as 18 static files: nine weights from Thin 100 to Black 900, each with an italic. It is not a variable font. The fonts hold 763 glyphs for Thai, Latin, Latin Extended and Vietnamese. Cadson Demak leads the project, and the font's credits name the Katatrad Team.

Where Kanit works

Thai and English websites

Thai and Latin were designed together, so mixed-script pages keep the same weight and rhythm.

Headlines and banners

Flat-cut stroke ends allow tight letter spacing, and ExtraBold and Black give short titles strong presence.

Technology and startup branding

Squared, capsule-like curves give names and slogans a contemporary, slightly futuristic look.

Interface labels

A tall lowercase and nine weights cover buttons, tabs and section titles in both scripts.

Emphasis in both scripts

Every weight has an italic, which is not a given in Thai families.

Glyphs

Language support

The family contains the core letters these languages are written with:

• English
• French
• German
• Spanish
• Portuguese
• Italian
• Dutch
• Swedish
• Norwegian
• Danish
• Finnish
• Icelandic
• Catalan
• Turkish
• Polish
• Czech
• Slovak
• Hungarian
• Romanian
• Croatian
• Slovenian
• Lithuanian
• Latvian
• Estonian
• Vietnamese

Writing systems with glyphs in the family besides Latin: Thai. These are listed as scripts, not as a promise for every language written in them.

Character sets found in the files: latin, latin-ext, thai, vietnamese. The language list is a check of required letters against the font, not a promise of typographic quality in each language.

License

Fonts that pair with Kanit

Suggestions come from simple rules on the records: a contrasting classification and enough weights to carry body text. They are a starting point, not a verdict.

Use Kanit on the web

Download the family and host the files on your own site, then declare them in CSS. Please do not link to the files on trendhub.net: preview files here are subsets and their addresses change.

@font-face {
  font-family: "Kanit";
  src: url("/assets/fonts/Kanit-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kanit";
  src: url("/assets/fonts/Kanit-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Kanit";
  src: url("/assets/fonts/Kanit-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Kanit";
  src: url("/assets/fonts/Kanit-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* …and 14 more files in the package, declared the same way */

body {
  font-family: "Kanit", sans-serif;
}

Or load it from the official source. Google Fonts serves Kanit with this markup:

<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">

Things to know

Static files only

The package holds 18 separate files. There is no variable version in it.

The Thai is loopless

Kanit uses the simplified, loopless style of Thai letters rather than the traditional looped forms.

No Cyrillic or Greek

Coverage is Thai, Latin, Latin Extended and Vietnamese.

FAQs

Collections with Kanit

• Thin and hairline fonts for light, airy headings

  Families with a Thin weight and single-style hairline display faces, for large headings, covers and minimal layouts.

• Font families with nine weights and italics

  Complete families running from Thin to Black with an italic for every weight: eighteen styles for a full typographic system.

• Fonts that support Vietnamese

  Open-license families that include the stacked diacritics Vietnamese needs, among them several designed in or for Vietnam.

• Fonts that support Thai

  Open-license Thai and Latin families, both traditional looped designs and modern loopless ones, for text, interfaces and headlines.

Similar fonts

Other families in the same classification, ordered by shared use tags. All sans serif fonts