Merge pull request #244 from wpaccessibility/227-correctly-load-variable-fonts

227 Correctly load variable fonts

Author: joedolson

_sass/abstracts/_variables.scss

@@ -1,13 +1,31 @@
 @use "sass:map";
 
+// source-sans-3-latin-wght-normal
 @font-face {
   font-family: "Source Sans 3";
-  src: url("/assets/fonts/Source_Sans_3/SourceSans3-VariableFont_wght.ttf");
+  font-style: normal;
+  font-display: swap;
+  font-weight: 200 900;
+  src: url(@fontsource-variable/source-sans-3/files/source-sans-3-latin-wght-normal.woff2)
+    format("woff2-variations");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
+    U+2215, U+FEFF, U+FFFD;
 }
 
+// source-sans-4-latin-wght-normal
 @font-face {
   font-family: "Source Serif 4";
-  src: url("/assets/fonts/Source_Serif_4/SourceSerif4-VariableFont_opsz,wght.ttf");
+  font-style: normal;
+  font-display: swap;
+  font-weight: 200 900;
+  src: url(@fontsource-variable/source-serif-4/files/source-serif-4-latin-wght-normal.woff2)
+    format("woff2-variations");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
+    U+2215, U+FEFF, U+FFFD;
 }
 
 // Colors new design