Wavefont

Display10 stylesVariable

48px

The quick brown fox jumps over the lazy dog

Styles

Thin 100The quick brown fox jumps over the lazy dog

Extra Light 200The quick brown fox jumps over the lazy dog

Light 300The quick brown fox jumps over the lazy dog

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

Black 900The quick brown fox jumps over the lazy dog

1000 1000The 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=Wavefont:wght@100;200;300;400;500;600;700;800;900;1000&display=swap" rel="stylesheet">

2. Apply in your CSS

font-family: 'Wavefont', cursive;