Spline Sans Mono

Monospace10 stylesVariableItalic

48px

The quick brown fox jumps over the lazy dog

Styles

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

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=Spline+Sans+Mono:wght@300;400;500;600;700&display=swap" rel="stylesheet">

2. Apply in your CSS

font-family: 'Spline Sans Mono', monospace;