Silkscreen

display
Try in Playground

Use-case scenarios

Large Display

The quick brown fox jumps over the lazy dog

Typography Scale

Heading 1 (48px)

The quick brown fox jumps over the lazy dog

Heading 2 (36px)

The quick brown fox jumps over the lazy dog

Heading 3 (24px)

The quick brown fox jumps over the lazy dog

Body Text (16px)

The quick brown fox jumps over the lazy dog. Good body type stays out of the way: even color, open counters, and spacing that holds up at 16 pixels on a phone or 12 on a dense dashboard.

Small Text (14px)

The quick brown fox jumps over the lazy dog

Install Silkscreen

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

Character Set

Uppercase

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Lowercase

abcdefghijklmnopqrstuvwxyz

Numbers & Symbols

0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?

Works well with

Fonts that pair well with Silkscreen.

Similar & alternatives

Fonts with a similar feel to Silkscreen.

Font family

Silkscreen

Description

A crisp pixel display font for retro interfaces, dev-themed branding, and 8-bit style UI accents.

Source

googleSIL Open Font License 1.1

Font weights

Use cases

BrandingDisplay

Stats

Popularity 55/100

npm · @fontsource/silkscreen

Characteristics

Contrast
none
Aperture
closed
x-Height
small
Width
normal
retropixelatedplayful