Syne

Sans Serif5 stylesVariable

48px

The quick brown fox jumps over the lazy dog

Styles

Regular 400The quick brown fox jumps over the lazy dog

Medium 500The quick brown fox jumps over the lazy dog

Semi Bold 600The quick brown fox jumps over the lazy dog

Bold 700The quick brown fox jumps over the lazy dog

Extra Bold 800The 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:wght@400;500;600;700;800&display=swap" rel="stylesheet">

2. Apply in your CSS

font-family: 'Syne', sans-serif;