Self-host Manrope font for GitHub Pages reliability

Author: Latif

assets/scss/template.scss

@@ -1,4 +1,10 @@
-@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
+@font-face {
+  font-family: 'Manrope';
+  src: url('/fonts/manrope/Manrope-VariableFont_wght.ttf') format('truetype');
+  font-weight: 200 800;
+  font-style: normal;
+  font-display: swap;
+}
 
 :root {
   --site-font-sans: 'Manrope', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;