Lato

Sans Serif10 stylesItalic

48px

The quick brown fox jumps over the lazy dog

Styles

Thin 100The 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

Bold 700The quick brown fox jumps over the lazy dog

Black 900The 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=Lato:wght@100;300;400;700;900&display=swap" rel="stylesheet">

2. Apply in your CSS

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