Silkscreen

Silkscreen ausprobieren

Strichstärken und Schnitte

• Regular 400Silkscreen Regular
• Bold 700Silkscreen Bold

Über Silkscreen

Silkscreen ist eine Displayschrift im Bitmap-Stil, in der jeder Buchstabe aus quadratischen Pixeln zusammengesetzt ist. Das Schriftmuster zeigt nur Versalien: Die Reihe der Kleinbuchstaben wiederholt die Großbuchstaben-Formen, sodass Text immer in Blockversalien einer Höhe gesetzt wird. Rundungen sind gestuft, Diagonalen werden zu Treppen, und die Buchstaben stehen weit auseinander, was jede Form auf einem groben Raster eindeutig hält. Jason Kottke hat die Schrift für kleine Größen in Webgrafiken gestaltet, und die offiziellen Hinweise datieren die erste Veröffentlichung auf 1999. Die Familie hat Regular und Bold, insgesamt zwei Schnitte, und ist kein Variable Font. Ihre 227 Glyphen decken den lateinischen Grundzeichensatz mit Ziffern und Satzzeichen ab; die Buchstaben für Englisch, Französisch, Deutsch, Spanisch und andere westeuropäische Sprachen sind vorhanden. Die Fonts werden unter der SIL Open Font License 1.1 veröffentlicht.

Wofür sich Silkscreen eignet

Retro-Spieleoberflächen

Gestufte Pixelkonturen passen zu Punktezählern, Menüs und Titelbildschirmen von Spielen im Stil früher Computergrafik.

Kleine Beschriftungen in Webgrafiken

Die Schrift wurde für kleine Größen gezeichnet, daher behalten Tags, Badges und winzige Bildunterschriften in Bannern jeden Buchstaben eindeutig.

Titel für Poster und Cover

Groß gesetzt werden die quadratischen Blöcke zu einem sichtbaren Muster, und ein kurzer Titel wird selbst zur Grafik.

Zähler und Statuszeilen

Bold neben Regular trennt in einem Timer, Preisschild oder einer Statusleiste Beschriftung und Wert, ohne die Größe zu ändern.

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
• Estnisch

In den Dateien gefundene Zeichensätze: latin. 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 Silkscreen 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.

Silkscreen 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: "Silkscreen";
  src: url("/assets/fonts/Silkscreen-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Silkscreen";
  src: url("/assets/fonts/Silkscreen-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

Oder du lädst die Familie von der offiziellen Quelle. Google Fonts liefert Silkscreen 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=Silkscreen:wght@400;700&display=swap" rel="stylesheet">

Gut zu wissen

Nur Versalien

Eingegebene Kleinbuchstaben werden als Versalien gezeichnet, daher lässt sich in Silkscreen kein Text in gemischter Schreibung setzen.

Regular und Bold, keine Italic

Regular 400 und Bold 700 bilden die ganze Familie. Eine Italic gibt es nicht.

Grundabdeckung Lateinisch

Die 227 Glyphen gehören zum Subset Lateinisch. Der Zeichensatz Lateinisch erweitert ist unvollständig, daher sollte Text in mitteleuropäischen Sprachen zuerst getestet werden.

Häufige Fragen

Ähnliche Fonts

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