Kanit Used As Body Text
Element | Weight | Size | Line Height | Letter Spacing |
---|---|---|---|---|
Body Text | Regular | 16px | 24px | 0.5px |
Italicized | Regular Italic | 16px | 24px | 0.5px |
Bold | Bold | 16px | 24px | 0.5px |
Small Caps | Regular | 16px | 24px | 0.5px |
Secondary Text | Medium | 13px | 16px | 0.5px |
Kanit
.example-class {font-family: 'Kanit';}
Kanit is classified as a sans-serif font, characterized by clean lines and the absence of decorative elements at the ends of strokes.
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
1 2 3 4 5 6 7 8 9 0
! @ # $ % ^ & * ( ) + =
Hierarchy | Weight | Size | Line Height | Letter Spacing |
---|---|---|---|---|
Heading Level 1 | Bold | 64px | 64px | 0px |
Heading Level 2 | SemiBold | 48px | 64px | 0px |
Heading Level 3 | Medium | 32px | 48px | 0.5px |
Heading Level 4 | Regular | 24px | 32px | 0.5px |
Heading Level 5 | Regular | 16px | 24px | 0.5px |
Heading Level 6 | Medium | 13px | 16px | 0.5px |
Element | Weight | Size | Line Height | Letter Spacing |
---|---|---|---|---|
Body Text | Regular | 16px | 24px | 0.5px |
Italicized | Regular Italic | 16px | 24px | 0.5px |
Bold | Bold | 16px | 24px | 0.5px |
Small Caps | Regular | 16px | 24px | 0.5px |
Secondary Text | Medium | 13px | 16px | 0.5px |
.example-class { font-family: 'Kanit'; }
// SCSS Variable $example-class-font-family: 'Kanit'; .example-class { font-family: $example-class-font-family; }
// Tailwind CSS .example-class { @apply font-kanit-sans-serif; }
Kanit is a sans-serif typeface designed by Cadson Demak, a well-known Thai type foundry. Kanit, Kanit, was developed with the goal of blending both Thai and Latin scripts harmoniously. The typeface was first released in 2017. It's been widely appreciated for its versatility and modern style. The font's design features clean lines and geometric shapes, creating a balanced and contemporary appearance. The strokes are uniform, providing a cohesive and polished look. It includes multiple weights, from Thin to Black, which offer flexibility for various design needs. The characters are slightly condensed, making it space-efficient without sacrificing readability. Kanit is often used in digital and print media, including websites, advertising, and branding. It's especially popular in contexts where both Thai and Latin characters need to coexist seamlessly. The typeface supports a wide range of languages, enhancing its usability in multilingual projects. Notable features of Kanit include its distinctive rounded corners and open apertures. These elements contribute to its friendly and approachable character. The font also includes stylistic alternates and ligatures, providing designers with additional creative options. Kanit's design ensures legibility even at smaller sizes, making it suitable for body text as well as headings. The font's uniformity and modern aesthetic make it a favorite among designers looking for a clean and professional typeface.
100
100 italic
200
200 italic
300
300 italic
regular
italic
500
500 italic
600
600 italic
700
700 italic
800
800 italic
900
900 italic