Playwrite NG Modern Guides · Handwriting · 400—400
SPECIMEN · Aa Bb Cc · 400—400Display the alphabet
1 static weight
The quick brown fox jumps over the lazy dog.
PANGRAM · 32px / Bold
TYPE SCALE
Display
Heading
Subheading
Body text for reading
NUMBERS
0123456789
SPECIAL CHARACTERS
@#$%&!?*+=
(){}[]<>/\|~
UPPERCASE ALPHABET
ABCDEFGHIJKLM
NOPQRSTUVWXYZ
READABILITY TEST
The quick brown fox jumps over the lazy dog.
15px · Regular 400 · Line height 1.5
CLASSIC TEST
Hamburgefons
—— TRY ITLive preview · edits autosave
Try Playwrite NG Modern Guides in your own words.
Drop in real product copy. Adjust size, weight, and tracking. See how the family handles your sentences before you commit.
A workspace your team will actually open.
SIZE
WEIGHT
TRACKING
CASE
SAMPLE
—— SPECIMENPlaywrite NG Modern Guides · Regular → Regular
How it reads at every size.
A single typeface, shown from headline to footnote — the same words at every step of the scale.
72px / 400
Build the better web.
48px / 400
Build the better web.
32px / 400
Build the better web.
22px / 400
Build the better web. Playwrite NG Modern Guides handles every size in the hierarchy without missing a beat.
16px / 400
Build the better web. Playwrite NG Modern Guides handles the everyday body sizes — the same family will set the headline above and the footnote below.
12px / 400
Build the better web. Footnotes, captions, and the small-print never feel like a different typeface — the rhythm holds at every step of the scale.
BODY · 16/1.6
Playwrite NG Modern Guides was drawn for screens, with tall x-heights and open apertures that hold their shape at small sizes. The letterforms keep an even rhythm whether set as a headline or buried in a footnote. Spacing has been tuned across the weight range so running text feels settled rather than crowded. It is a workhorse that rarely calls attention to itself, which is precisely the point.
CAPTION · 13/1.5
Playwrite NG Modern Guides was drawn for screens, with tall x-heights and open apertures that hold their shape at small sizes. The letterforms keep an even rhythm whether set as a headline or buried in a footnote. Spacing has been tuned across the weight range so running text feels settled rather than crowded. It is a workhorse that rarely calls attention to itself, which is precisely the point.
—— WEIGHTS1 style · 400
Every weight, every angle.
REGULAR
Regular is where the work usually lives.
wght 400
Single files are provided under the same license — see the full family download above.
—— LANGUAGES
1 script supported
Speaks more than English.
Playwrite NG Modern Guides covers a broad range of scripts and languages — the same shapes, kerning, and rhythm wherever your product ships.
LATIN
ENGLISH · LATIN
The quick brown fox jumps over the lazy dog.
FRENCH · LATIN
Portez ce vieux whisky au juge blond qui fume.
GERMAN · LATIN
Falsches Üben von Xylophonmusik quält jeden.
SPANISH · LATIN
El veloz murciélago hindú comía feliz cardillo y kiwi.
Four flavors: CDN link, npm package, @fontsource, or static font files.
— index.html
<!-- Drop into <head> --><linkrel="preconnect"href="https://fonts.googleapis.com"><linkrel="preconnect"href="https://fonts.gstatic.com"crossorigin><linkhref="https://fonts.googleapis.com/css2?family=Playwrite+NG+Modern+Guides:wght@400&display=swap"rel="stylesheet">/* In your stylesheet */body { font-family: 'Playwrite NG Modern Guides', system-ui, sans-serif; }
— terminal
# Install the packagenpm install @fontsource/playwrite-ng-modern-guides# Then import in your entry fileimport'@fontsource/playwrite-ng-modern-guides/400.css';
import'@fontsource/playwrite-ng-modern-guides/700.css';
Good typography is the foundation of great design. It guides the reader's eye, establishes hierarchy, and gives a product its voice. Playwrite NG Modern Guides brings its own personality to every sentence.
All Weights
Regular 400Hamburgefons
Characters
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&?
FONT B
Type Scale
48
24
16
12
Body
Good typography is the foundation of great design. It guides the reader's eye, establishes hierarchy, and gives a product its voice. brings its own personality to every sentence.
All Weights
Characters
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !@#$%&?
is an icon/symbol font — Latin specimens are suppressed here because its glyphs aren't letters.