Optimize Font Acquisition

WesleyMcGinn · Oct 1, 2023 · e11add6 · e11add6
1 parent 3d3cf06
commit e11add6
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 17 deletions.
diff --git a/fonts/Righteous/righteous.css b/fonts/Righteous/righteous.css
diff --git a/home.html b/home.html
@@ -3,7 +3,6 @@
   <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>SnailURL</title>
-    <link rel="stylesheet" type="text/css" href="./fonts/Righteous/righteous.css">
     <link rel="stylesheet" type="text/css" href="./style.css">
     <script src="https://smtpjs.com/v3/smtp.js" type="text/javascript"></script>
     <script src="./scripts/urlParameters.js" type="text/javascript"></script>

diff --git a/style.css b/style.css
@@ -81,6 +81,8 @@ button, input:not([type="color"]):not([type="checkbox"]), .hidden, .box {
     font-weight: bold;
 }
 
+/* ----- Viewport Responsiveness: ----- */
+
 @media (max-width: 850px) {
     body {
         margin-left: 1%;
@@ -106,3 +108,22 @@ button, input:not([type="color"]):not([type="checkbox"]), .hidden, .box {
         font-size: 12pt;
     }
 }
+
+/* ----- FONTS: ----- */
+
+/* latin-ext */
+@font-face {
+    font-family: 'Righteous';
+    font-style: normal;
+    font-weight: 400;
+    src: url(./fonts/Righteous/r1.woff2) format('woff2');
+    unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+
+@font-face {
+    font-family: 'Righteous';
+    font-style: normal;
+    font-weight: 400;
+    src: url(./fonts/Righteous/r2.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}