Kanit Font
OpenType Feature Test


Kanit is a formal loopless Thai and Sans Latin typeface. It is a combination of Humanist Sans Serif with a curve of Capsulated Geometric style that suits for various usage in the present or even in the future. It was designed to have a 90 degree terminal in order to decrease spacing between each letter, but preserve readability and legibility even in a small point size.

Kanit means methametics.

The Kanit project is led by Cadson Demak, a type foundry in Thailand. To contribute, see github.com/cadsondemak/kanit


ภาษาไทย (Standard Thai)

พี่ป๋ำฎูนู๋น้ำเป่าฝุ่นหญู่ก้นปี่

ฝุ่นน้ำท้องฟ้า ทุ่งหญ้าป้ำเป๋อ ชนชั้นกระฎุมพี เป่าปี่กตัญญู ดูนาฬิกาซ้ำซ้อน


ภาษาบาลี/สันสกฤต (Pali/Sanskrit)

ฐาตุํ ญาติํ อุปฺปฏฺฐานํ ปุํลิงฺคํ วาปิํ ปํสุํ วฏฺฏุํ

Descenderless of “ญ” & “ฐ” are preferable forms when specify lang=pi or lang=sa in HTML elements.

<p lang="pi-Thai">ฐาตุํ ญาติํ อุปฺปฏฺฐานํ ปุํลิงฺคํ วาปิํ ปํสุํ วฏฺฏุํ</p>
body { font-feature-settings: "locl"; }

ภาษาชาติพันธุ์ (Minority languages)

ปะเฺติ็ลฺ โฺญฺ็จฺ ปั็วฮฺ ทฺ็อง เปฺิ็ว มูํย แต็่ง เจฺํอ
เปรฺิ่ห์ โจ๊่ เปฺี่ย โฺทร ม็่อง เติ็ง อาื ยาึ จือรฺุ การฺู


Localized forms

Gheorghe, obezul, a reuşit să obţină jucându-se un flux în Quebec de o mie kilowaţioră.

COL·LEGI cel·la paral·lelo col·lecció

<p lang="ro">Gheorghe, obezul, a reuşit să obţină jucându-se un flux în Quebec de o mie kilowaţioră.</p>
<p lang="ca">COL·LEGI cel·la paral·lelo col·lecció</p>

ligatures

ฤๅษีมีข่าวฦๅ five flowers

body { font-variant: common-ligatures; }

Fractions

1 ¼ 5 ½ 9 ¾ 1/3 2/3 1/8 3/8 5/8 7/8

12345/67890

1&thinsp;&frac14; 5&thinsp;&frac12; 9&thinsp;&frac34; <span class="frac">1/3 2/3 1/8 3/8 5/8 7/8</span>
<span class="frac">12345/67890</span>
.frac { font-feature-settings: "frac"; }

Subscripts & Superscripts

H2O × 9.87654 ≠ √π ÷ World3!

H<sub>2</sub>O &times; 9.87<sup>654</sup> &#x2260; &radic;&pi; &divide; World<sup>3</sup>!
sub { font-feature-settings: "subs"; }
sup { font-feature-settings: "sups"; }

Ordinal indicator

9o 5a 7O 3A

<p class="ordn">9o 5a 7O 3A</p>
.ordn { font-feature-settings: "ordn"; }