Syne Mono

Monospace1 styles

48px

The quick brown fox jumps over the lazy dog

Styles

Regular 400The quick brown fox jumps over the lazy dog

14pxThe quick brown fox jumps over the lazy dog

18pxThe quick brown fox jumps over the lazy dog

24pxThe quick brown fox jumps over the lazy dog

32pxThe quick brown fox jumps over the lazy dog

48pxThe quick brown fox jumps over the lazy dog

64pxThe quick brown fox jumps over the lazy dog

1. Add to your <head>

<link href="https://fonts.googleapis.com/css2?family=Syne+Mono:wght@400&display=swap" rel="stylesheet">

2. Apply in your CSS

font-family: 'Syne Mono', monospace;