Fix missing fonts

semantic/dist/components/site.css

@@ -15,7 +15,7 @@
 
 @font-face {
   font-family: 'Raleway';
-  src: url("./../themes/default/assets/fonts/LatoLatin-Regular.woff2") format('woff2') , url("./../themes/default/assets/fonts/LatoLatin-Regular.woff") format('woff');
+  src: url("./../themes/wishthis/assets/fonts/RalewayLatin-Regular.ttf") format('truetype') , url("./../themes/default/assets/fonts/RalewayLatin-Regular.ttf") format('truetype');
   font-style: normal;
   font-weight: normal;
   font-display: swap;
@@ -24,7 +24,7 @@
 }
 @font-face {
   font-family: 'Raleway';
-  src: url("./../themes/default/assets/fonts/LatoLatin-Bold.woff2") format('woff2') , url("./../themes/default/assets/fonts/LatoLatin-Bold.woff") format('woff');
+  src: url("./../themes/wishthis/assets/fonts/RalewayLatin-Bold.ttf") format('truetype') , url("./../themes/default/assets/fonts/RalewayLatin-Bold.ttf") format('truetype');
   font-style: normal;
   font-weight: bold;
   font-display: swap;
@@ -33,7 +33,7 @@
 }
 @font-face {
   font-family: 'Raleway';
-  src: url("./../themes/default/assets/fonts/LatoLatin-Italic.woff2") format('woff2') , url("./../themes/default/assets/fonts/LatoLatin-Italic.woff") format('woff');
+  src: url("./../themes/wishthis/assets/fonts/RalewayLatin-Italic.ttf") format('truetype') , url("./../themes/default/assets/fonts/RalewayLatin-Italic.ttf") format('truetype');
   font-style: italic;
   font-weight: normal;
   font-display: swap;
@@ -42,7 +42,7 @@
 }
 @font-face {
   font-family: 'Raleway';
-  src: url("./../themes/default/assets/fonts/LatoLatin-BoldItalic.woff2") format('woff2') , url("./../themes/default/assets/fonts/LatoLatin-BoldItalic.woff") format('woff');
+  src: url("./../themes/wishthis/assets/fonts/RalewayLatin-BoldItalic.ttf") format('truetype') , url("./../themes/default/assets/fonts/RalewayLatin-BoldItalic.ttf") format('truetype');
   font-style: italic;
   font-weight: bold;
   font-display: swap;
@@ -51,7 +51,7 @@
 }
 @font-face {
   font-family: 'Raleway';
-  src: url("./../themes/default/assets/fonts/Lato-Regular.woff2") format('woff2') , url("./../themes/default/assets/fonts/Lato-Regular.woff") format('woff');
+  src: url("./../themes/wishthis/assets/fonts/Raleway-Regular.ttf") format('truetype') , url("./../themes/default/assets/fonts/Raleway-Regular.ttf") format('truetype');
   font-style: normal;
   font-weight: normal;
   font-display: swap;
@@ -60,7 +60,7 @@
 }
 @font-face {
   font-family: 'Raleway';
-  src: url("./../themes/default/assets/fonts/Lato-Bold.woff2") format('woff2') , url("./../themes/default/assets/fonts/Lato-Bold.woff") format('woff');
+  src: url("./../themes/wishthis/assets/fonts/Raleway-Bold.ttf") format('truetype') , url("./../themes/default/assets/fonts/Raleway-Bold.ttf") format('truetype');
   font-style: normal;
   font-weight: bold;
   font-display: swap;
@@ -69,7 +69,7 @@
 }
 @font-face {
   font-family: 'Raleway';
-  src: url("./../themes/default/assets/fonts/Lato-Italic.woff2") format('woff2') , url("./../themes/default/assets/fonts/Lato-Italic.woff") format('woff');
+  src: url("./../themes/wishthis/assets/fonts/Raleway-Italic.ttf") format('truetype') , url("./../themes/default/assets/fonts/Raleway-Italic.ttf") format('truetype');
   font-style: italic;
   font-weight: normal;
   font-display: swap;
@@ -78,7 +78,7 @@
 }
 @font-face {
   font-family: 'Raleway';
-  src: url("./../themes/default/assets/fonts/Lato-BoldItalic.woff2") format('woff2') , url("./../themes/default/assets/fonts/Lato-BoldItalic.woff") format('woff');
+  src: url("./../themes/wishthis/assets/fonts/Raleway-BoldItalic.ttf") format('truetype') , url("./../themes/default/assets/fonts/Raleway-BoldItalic.ttf") format('truetype');
   font-style: italic;
   font-weight: bold;
   font-display: swap;

semantic/dist/semantic.css

@@ -450,7 +450,7 @@ template {
 
 @font-face {
   font-family: 'Raleway';
-  src: url("./themes/default/assets/fonts/LatoLatin-Regular.woff2") format('woff2') , url("./themes/default/assets/fonts/LatoLatin-Regular.woff") format('woff');
+  src: url("./themes/wishthis/assets/fonts/RalewayLatin-Regular.ttf") format('truetype') , url("./themes/default/assets/fonts/RalewayLatin-Regular.ttf") format('truetype');
   font-style: normal;
   font-weight: normal;
   font-display: swap;
@@ -460,7 +460,7 @@ template {
 
 @font-face {
   font-family: 'Raleway';
-  src: url("./themes/default/assets/fonts/LatoLatin-Bold.woff2") format('woff2') , url("./themes/default/assets/fonts/LatoLatin-Bold.woff") format('woff');
+  src: url("./themes/wishthis/assets/fonts/RalewayLatin-Bold.ttf") format('truetype') , url("./themes/default/assets/fonts/RalewayLatin-Bold.ttf") format('truetype');
   font-style: normal;
   font-weight: bold;
   font-display: swap;
@@ -470,7 +470,7 @@ template {
 
 @font-face {
   font-family: 'Raleway';
-  src: url("./themes/default/assets/fonts/LatoLatin-Italic.woff2") format('woff2') , url("./themes/default/assets/fonts/LatoLatin-Italic.woff") format('woff');
+  src: url("./themes/wishthis/assets/fonts/RalewayLatin-Italic.ttf") format('truetype') , url("./themes/default/assets/fonts/RalewayLatin-Italic.ttf") format('truetype');
   font-style: italic;
   font-weight: normal;
   font-display: swap;
@@ -480,7 +480,7 @@ template {
 
 @font-face {
   font-family: 'Raleway';
-  src: url("./themes/default/assets/fonts/LatoLatin-BoldItalic.woff2") format('woff2') , url("./themes/default/assets/fonts/LatoLatin-BoldItalic.woff") format('woff');
+  src: url("./themes/wishthis/assets/fonts/RalewayLatin-BoldItalic.ttf") format('truetype') , url("./themes/default/assets/fonts/RalewayLatin-BoldItalic.ttf") format('truetype');
   font-style: italic;
   font-weight: bold;
   font-display: swap;
@@ -490,7 +490,7 @@ template {
 
 @font-face {
   font-family: 'Raleway';
-  src: url("./themes/default/assets/fonts/Lato-Regular.woff2") format('woff2') , url("./themes/default/assets/fonts/Lato-Regular.woff") format('woff');
+  src: url("./themes/wishthis/assets/fonts/Raleway-Regular.ttf") format('truetype') , url("./themes/default/assets/fonts/Raleway-Regular.ttf") format('truetype');
   font-style: normal;
   font-weight: normal;
   font-display: swap;
@@ -500,7 +500,7 @@ template {
 
 @font-face {
   font-family: 'Raleway';
-  src: url("./themes/default/assets/fonts/Lato-Bold.woff2") format('woff2') , url("./themes/default/assets/fonts/Lato-Bold.woff") format('woff');
+  src: url("./themes/wishthis/assets/fonts/Raleway-Bold.ttf") format('truetype') , url("./themes/default/assets/fonts/Raleway-Bold.ttf") format('truetype');
   font-style: normal;
   font-weight: bold;
   font-display: swap;
@@ -510,7 +510,7 @@ template {
 
 @font-face {
   font-family: 'Raleway';
-  src: url("./themes/default/assets/fonts/Lato-Italic.woff2") format('woff2') , url("./themes/default/assets/fonts/Lato-Italic.woff") format('woff');
+  src: url("./themes/wishthis/assets/fonts/Raleway-Italic.ttf") format('truetype') , url("./themes/default/assets/fonts/Raleway-Italic.ttf") format('truetype');
   font-style: italic;
   font-weight: normal;
   font-display: swap;
@@ -520,7 +520,7 @@ template {
 
 @font-face {
   font-family: 'Raleway';
-  src: url("./themes/default/assets/fonts/Lato-BoldItalic.woff2") format('woff2') , url("./themes/default/assets/fonts/Lato-BoldItalic.woff") format('woff');
+  src: url("./themes/wishthis/assets/fonts/Raleway-BoldItalic.ttf") format('truetype') , url("./themes/default/assets/fonts/Raleway-BoldItalic.ttf") format('truetype');
   font-style: italic;
   font-weight: bold;
   font-display: swap;

semantic/src/themes/wishthis/globals/site.variables

@@ -6,9 +6,102 @@
        Fonts
 --------------------*/
 
-@fontName      : 'Raleway';
+@fontName               : 'Raleway';
+@fontFileNameLatin      : 'RalewayLatin';
+@fontFileNameSupplement : 'Raleway';
+
 @fallbackFonts : sans-serif;
 
+@fonts: {
+    @regularLatin: {
+            font-family: @fontName;
+            src: url("@{fontPathWishthis}/@{fontFileNameLatin}-Regular.ttf") format('truetype')
+                 if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameLatin}-Regular.ttf") format('truetype'));
+            font-style     : normal;
+            font-weight    : @normal;
+            font-display   : @fontDisplay;
+            text-rendering : @textRendering;
+            unicode-range  : @unicodeRangeLatin;
+    };
+    @boldLatin: {
+            font-family: @fontName;
+            src: url("@{fontPathWishthis}/@{fontFileNameLatin}-Bold.ttf") format('truetype')
+                 if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameLatin}-Bold.ttf") format('truetype'));
+            font-style     : normal;
+            font-weight    : @bold;
+            font-display   : @fontDisplay;
+            text-rendering : @textRendering;
+            unicode-range  : @unicodeRangeLatin;
+    };
+    @italicLatin: {
+            font-family: @fontName;
+            src: url("@{fontPathWishthis}/@{fontFileNameLatin}-Italic.ttf") format('truetype')
+                 if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameLatin}-Italic.ttf") format('truetype'));
+            font-style     : italic;
+            font-weight    : @normal;
+            font-display   : @fontDisplay;
+            text-rendering : @textRendering;
+            unicode-range  : @unicodeRangeLatin;
+    };
+    @boldItalicLatin: {
+            font-family: @fontName;
+            src: url("@{fontPathWishthis}/@{fontFileNameLatin}-BoldItalic.ttf") format('truetype')
+                 if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameLatin}-BoldItalic.ttf") format('truetype'));
+            font-style     : italic;
+            font-weight    : @bold;
+            font-display   : @fontDisplay;
+            text-rendering : @textRendering;
+            unicode-range  : @unicodeRangeLatin;
+    };
+    @regularSupplement: {
+            font-family: @fontName;
+            src: url("@{fontPathWishthis}/@{fontFileNameSupplement}-Regular.ttf") format('truetype')
+                 if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameSupplement}-Regular.ttf") format('truetype'));
+            font-style     : normal;
+            font-weight    : @normal;
+            font-display   : @fontDisplay;
+            text-rendering : @textRendering;
+            unicode-range  : @unicodeRangeSupplement;
+    };
+    @boldSupplement: {
+            font-family: @fontName;
+            src: url("@{fontPathWishthis}/@{fontFileNameSupplement}-Bold.ttf") format('truetype')
+                 if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameSupplement}-Bold.ttf") format('truetype'));
+            font-style     : normal;
+            font-weight    : @bold;
+            font-display   : @fontDisplay;
+            text-rendering : @textRendering;
+            unicode-range  : @unicodeRangeSupplement;
+    };
+    @italicSupplement: {
+            font-family: @fontName;
+            src: url("@{fontPathWishthis}/@{fontFileNameSupplement}-Italic.ttf") format('truetype')
+                 if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameSupplement}-Italic.ttf") format('truetype'));
+            font-style     : italic;
+            font-weight    : @normal;
+            font-display   : @fontDisplay;
+            text-rendering : @textRendering;
+            unicode-range  : @unicodeRangeSupplement;
+    };
+    @boldItalicSupplement: {
+            font-family: @fontName;
+            src: url("@{fontPathWishthis}/@{fontFileNameSupplement}-BoldItalic.ttf") format('truetype')
+                 if(@supportIE, e(',') url("@{fontPath}/@{fontFileNameSupplement}-BoldItalic.ttf") format('truetype'));
+            font-style     : italic;
+            font-weight    : @bold;
+            font-display   : @fontDisplay;
+            text-rendering : @textRendering;
+            unicode-range  : @unicodeRangeSupplement;
+    };
+};
+
+/*-------------------
+        Paths
+--------------------*/
+
+/* For source only. Modified in gulp for dist */
+@fontPathWishthis : '../../themes/wishthis/assets/fonts';
+
 /*-------------------
       Base Sizes
 --------------------*/