+2

layouts/_partials/head.html

··· 4 4 <meta charset="utf-8"> 5 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 6 <title>{{ .Title }} - {{ .Site.Title }}</title> 7 7 + <link rel="preload" href="/fonts/SpaceGrotesk-Variable.woff2" as="font" type="font/woff2" crossorigin> 8 8 + <link rel="preload" href="/fonts/Inter-Variable.woff2" as="font" type="font/woff2" crossorigin> 7 9 <link rel="stylesheet" href="/css/style.css"/> 8 10 <link rel="icon" sizes="32x32" type="image/png" href="/favicon.png"> 9 11 <link rel="apple-touch-icon" href="/apple-touch-icon.png">

+2 -7

static/css/style.css

··· 1 1 @font-face { 2 2 font-family: 'Space Grotesk'; 3 3 - src: url('../fonts/SpaceGrotesk-Variable.ttf') format('truetype'); 3 3 + src: url('../fonts/SpaceGrotesk-Variable.woff2') format('woff2'); 4 4 font-weight: 300 700; 5 5 font-display: swap; 6 6 font-style: normal; ··· 8 8 9 9 @font-face { 10 10 font-family: 'Inter'; 11 11 - src: url('../fonts/Inter-Variable.ttf') format('truetype'); 11 11 + src: url('../fonts/Inter-Variable.woff2') format('woff2'); 12 12 font-weight: 100 900; 13 13 font-display: swap; 14 14 font-style: normal; ··· 22 22 --purple-element: rgb(54, 31, 44); 23 23 --purple-accent: rgb(76, 38, 60); 24 24 --purple-bg: rgb(90, 52, 74); 25 25 - 26 25 } 27 26 28 27 /* Reset */ ··· 163 162 164 163 @media screen and (max-width: 50rem) { 165 164 .container { 166 166 - padding-inline: 1rem; 167 167 - } 168 168 - 169 169 - .header-inner { 170 165 padding-inline: 1rem; 171 166 } 172 167 }

static/fonts/Inter-Variable.ttf

This is a binary file and will not be displayed.

static/fonts/Inter-Variable.woff2

This is a binary file and will not be displayed.

static/fonts/SpaceGrotesk-Variable.ttf

This is a binary file and will not be displayed.

static/fonts/SpaceGrotesk-Variable.woff2

This is a binary file and will not be displayed.