Kanit

One of the most widely used loopless Thai fonts, with squared curves and a confident, modern stance. Nine weights from thin to black, each with an italic, make it a workhorse for headlines, branding and interfaces. In long text the heavier weights can feel dense, so step down a weight for paragraphs.

The zip holds the original 18 font files exactly as they were published, the licence text and a README with a checksum for each file.

Specimen

Click the text and type your own.

Every letter in Kanit

The 44 consonants with the name each one is called by, then the vowel forms, the marks, the numerals and the signs. Vowels and marks that sit above, below or beside a letter are shown on อ (o ang), the silent letter Thai writes them on when they stand alone.

Consonants 44

  • กko kaichicken
  • ขkho khaiegg
  • ฃkho khuatbottle (obsolete letter)
  • คkho khwaiwater buffalo
  • ฅkho khonperson (obsolete letter)
  • ฆkho rakhangbell
  • งngo ngusnake
  • จcho chanplate
  • ฉcho chingcymbals
  • ชcho changelephant
  • ซso sochain
  • ฌcho choetree
  • ญyo yingwoman
  • ฎdo chadaheaddress
  • ฏto patakgoad
  • ฐtho thanpedestal
  • ฑtho monthoMontho, a queen in the Ramakien
  • ฒtho phuthaoelder
  • ณno nennovice monk
  • ดdo dekchild
  • ตto taoturtle
  • ถtho thungsack
  • ทtho thahansoldier
  • ธtho thongflag
  • นno numouse
  • บbo baimaileaf
  • ปpo plafish
  • ผpho phuengbee
  • ฝfo falid
  • พpho phanoffering tray
  • ฟfo fanteeth
  • ภpho samphaojunk (sailing ship)
  • มmo mahorse
  • ยyo yakgiant
  • รro rueaboat
  • ลlo lingmonkey
  • วwo waenring
  • ศso salapavilion
  • ษso ruesihermit
  • สso sueatiger
  • หho hipchest
  • ฬlo chulakite
  • อo angbasin
  • ฮho nokhukowl

Vowel forms 19

  • ะsara a
  • าsara aa
  • อำsara am
  • อิsara i
  • อีsara ii
  • อึsara ue
  • อืsara uee
  • อุsara u
  • อูsara uu
  • เsara e
  • แsara ae
  • โsara o
  • ใsara ai mai muan
  • ไsara ai mai malai
  • อัmai han-akat
  • อ็mai taikhu
  • ๅlakkhangyao
  • ฤruevowel letter
  • ฦluevowel letter, rarely used

Tone marks and other marks 6

  • อ่mai ekfirst tone mark
  • อ้mai thosecond tone mark
  • อ๊mai trithird tone mark
  • อ๋mai chattawafourth tone mark
  • อ์thanthakhatsilences a letter
  • อํnikkhahitused in Pali and Sanskrit words

Thai numerals 10

  • ๐sun0
  • ๑nueng1
  • ๒song2
  • ๓sam3
  • ๔si4
  • ๕ha5
  • ๖hok6
  • ๗chet7
  • ๘paet8
  • ๙kao9

Punctuation and signs 6

  • ฯpaiyan noimarks a shortened word
  • ๆmai yamokrepeat the word before
  • ฿baht signcurrency
  • ๏fong manopens a verse or section
  • ๚angkhan khucloses a section
  • ๛khomutcloses a text

18 styles

The previews on this page use a reduced web copy of each file with the Thai, Latin and punctuation characters; the download holds the full originals listed here.

Styles of Kanit
StyleWeightSlantSampleFile in the downloadSize
Thin100Uprightกขค ภาษาไทย AaKanit-Thin.ttf157 KB
ExtraLight200Uprightกขค ภาษาไทย AaKanit-ExtraLight.ttf160 KB
Light300Uprightกขค ภาษาไทย AaKanit-Light.ttf167 KB
Regular400Uprightกขค ภาษาไทย AaKanit-Regular.ttf169 KB
Medium500Uprightกขค ภาษาไทย AaKanit-Medium.ttf171 KB
SemiBold600Uprightกขค ภาษาไทย AaKanit-SemiBold.ttf171 KB
Bold700Uprightกขค ภาษาไทย AaKanit-Bold.ttf172 KB
ExtraBold800Uprightกขค ภาษาไทย AaKanit-ExtraBold.ttf174 KB
Black900Uprightกขค ภาษาไทย AaKanit-Black.ttf173 KB
Thin Italic100Italicกขค ภาษาไทย AaKanit-ThinItalic.ttf161 KB
ExtraLight Italic200Italicกขค ภาษาไทย AaKanit-ExtraLightItalic.ttf164 KB
Light Italic300Italicกขค ภาษาไทย AaKanit-LightItalic.ttf171 KB
Italic400Italicกขค ภาษาไทย AaKanit-Italic.ttf171 KB
Medium Italic500Italicกขค ภาษาไทย AaKanit-MediumItalic.ttf171 KB
SemiBold Italic600Italicกขค ภาษาไทย AaKanit-SemiBoldItalic.ttf171 KB
Bold Italic700Italicกขค ภาษาไทย AaKanit-BoldItalic.ttf179 KB
ExtraBold Italic800Italicกขค ภาษาไทย AaKanit-ExtraBoldItalic.ttf184 KB
Black Italic900Italicกขค ภาษาไทย AaKanit-BlackItalic.ttf181 KB
All 18 files3.0 MB

Details

Designer
Cadson Demak
Foundry
Cadson Demak
First released
2015
Loop style
Loopless
Category
Sans
Scripts
Thai and Latin
Official source
fonts.google.com/specimen/Kanit
Google Fonts
Kanit on Google Fonts
Our copy
Taken from github.com/google/fonts at bd8f81d
Listed in
LooplessSansOn Google FontsOFL 1.1 fontsCadson Demak fonts
OFL 1.1

Licence: SIL Open Font License 1.1

Free to use in any project, commercial or not, and free to share, embed and change. The one thing you cannot do is sell the font files on their own. A changed version must stay under the same licence and must not use any Reserved Font Name listed in the copyright line.

You may

  • Use the font in personal and commercial work: print, logos, apps, video and websites.
  • Embed it in documents and apps, and host the files on your own website.
  • Share the files with anyone, as long as the licence goes with them.
  • Change the font, as long as your version stays under the OFL.

You may not

  • Sell the font files on their own.
  • Give a changed version any Reserved Font Name the copyright line lists.

Read the full licence →Our plain reading, not legal advice. The licence text is what counts.

Use it on the web

Host the files from the download on your own site. Our copies serve the previews on this page; they are not a font service for other sites.

From Google Fonts: in the <head> of your page
<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">
Then in your CSS
body {
  font-family: "Kanit", sans-serif;
}
Or host it yourself: CSS
/* Unzip kanit.zip and copy the font files into a fonts/kanit/ folder
   on your own site, next to this stylesheet. Keep OFL.txt with them. */

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-ExtraLightItalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Kanit";
  src: url("fonts/kanit/Kanit-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

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

PairingSet the running text in Sarabun if it should keep the traditional loops, or in Anuphan for a quieter loopless face.