Kanit

Kanit ausprobieren

Strichstärken und Schnitte

• Thin 100Kanit Thin Thin Italic
• ExtraLight 200Kanit ExtraLight ExtraLight Italic
• Light 300Kanit Light Light Italic
• Regular 400Kanit Regular Kursiv
• 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

Über Kanit

Kanit ist eine serifenlose Schriftfamilie, die ein schleifenloses Thai mit einer serifenlosen Lateinschrift verbindet. Der Name ist das thailändische Wort für Mathematik. Im Latein treffen humanistische Proportionen auf Rundungen, die zu kapselartigen Formen abgeflacht sind, sodass Buchstaben wie o, c und e leicht eckig wirken und die Kleinbuchstaben hoch und breit sind. Die Strichenden sind in flachen Winkeln abgeschnitten, ein Detail, das die Buchstaben enger zusammenrücken lässt, ohne dass die Klarheit in kleinen Größen leidet. Beim Thai wurden die vereinfachten, schleifenlosen Formen sorgfältig gezeichnet, damit ähnliche Buchstaben unterscheidbar bleiben. Kanit besteht aus 18 statischen Dateien: neun Strichstärken von Thin 100 bis Black 900, jeweils mit einer Kursiven. Ein Variable Font ist die Familie nicht. Die Fonts enthalten 763 Glyphen für Thai, Lateinisch, Lateinisch erweitert und Vietnamesisch. Cadson Demak leitet das Projekt, und in den Credits des Fonts steht das Katatrad Team.

Wofür sich Kanit eignet

Thailändische und englische Websites

Thai und Lateinisch wurden gemeinsam entworfen, sodass Seiten mit beiden Schriftsystemen dieselbe Stärke und denselben Rhythmus behalten.

Headlines und Banner

Flach abgeschnittene Strichenden erlauben enge Buchstabenabstände, und ExtraBold und Black geben kurzen Titeln starke Präsenz.

Branding für Technologie und Startups

Eckige, kapselartige Rundungen verleihen Namen und Slogans einen zeitgemäßen, leicht futuristischen Auftritt.

Beschriftungen in Oberflächen

Hohe Kleinbuchstaben und neun Strichstärken decken Buttons, Tabs und Abschnittstitel in beiden Schriftsystemen ab.

Betonung in beiden Schriftsystemen

Jede Strichstärke hat eine Kursive, was bei Thai-Familien keineswegs selbstverständlich ist.

Glyphen

Sprachunterstützung

Die Familie enthält die Grundbuchstaben, mit denen diese Sprachen geschrieben werden:

• Englisch
• Französisch
• Deutsch
• Spanisch
• Portugiesisch
• Italienisch
• Niederländisch
• Schwedisch
• Norwegisch
• Dänisch
• Finnisch
• Isländisch
• Katalanisch
• Türkisch
• Polnisch
• Tschechisch
• Slowakisch
• Ungarisch
• Rumänisch
• Kroatisch
• Slowenisch
• Litauisch
• Lettisch
• Estnisch
• Vietnamesisch

Weitere Schriftsysteme neben dem lateinischen, für die die Familie Glyphen enthält: Thai. Genannt sind Schriftsysteme. Das ist keine Zusage für jede Sprache, die damit geschrieben wird.

In den Dateien gefundene Zeichensätze: latin, latin-ext, thai, vietnamese. Die Sprachliste prüft, ob die nötigen Buchstaben im Font vorhanden sind. Über die typografische Qualität in der jeweiligen Sprache sagt sie nichts.

Lizenz

Fonts, die zu Kanit passen

Die Vorschläge folgen einfachen Regeln aus den Datensätzen: eine kontrastierende Klassifikation und genug Strichstärken für Fließtext. Sie sind ein Ausgangspunkt, kein Urteil.

Kanit im Web verwenden

Lade die Familie herunter, lege die Dateien auf deinen eigenen Server und binde sie per CSS ein. Bitte verlinke nicht auf die Dateien bei trendhub.net: Die Vorschaudateien hier sind Subsets, und ihre Adressen ändern sich.

@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;
}

Oder du lädst die Familie von der offiziellen Quelle. Google Fonts liefert Kanit mit diesem Markup aus:

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

Gut zu wissen

Nur statische Dateien

Das Paket enthält 18 einzelne Dateien. Eine variable Version gehört nicht dazu.

Das Thai ist schleifenlos

Kanit verwendet den vereinfachten, schleifenlosen Stil der Thai-Buchstaben statt der traditionellen Formen mit Schleifen.

Kein Kyrillisch und kein Griechisch

Abgedeckt sind Thai, Lateinisch, Lateinisch erweitert und Vietnamesisch.

Häufige Fragen

Ähnliche Fonts

Weitere Familien derselben Klassifikation, sortiert nach gemeinsamen Einsatzbereichen. Alle Fonts: sans serif