fix: better font support fix #27 (#35)

* fix: better font support fix #27

* fix: add fonts

* fix: remove old font files

_data/theme.yml

@@ -98,8 +98,9 @@ bootswatch: # leave blank or comment out for plain bootstrap
 base-font-size: 1em
 text-color: "#191919"
 link-color: "#0d6efd"
-base-font-family: "Euclid Circular B" # comment out for bootstrap defaults. e.g. Roboto
-font-cdn: # add font stylesheet, e.g. <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
+base-font-family: "'Euclid Circular B', sans-serif;" # comment out for bootstrap defaults. e.g. Roboto
+font-cdn: "<link rel='preload' href='/assets/fonts/EuclidCircularB-Regular-WebS.woff2' as='font' type='font/woff2' crossorigin><link rel='preload' href='/assets/fonts/EuclidCircularB-Medium-WebS.woff2' as='font' type='font/woff2' crossorigin><link rel='preload' href='/assets/fonts/EuclidCircularB-Semibold-WebS.woff2' as='font' type='font/woff2' crossorigin>
+" # add font stylesheet, e.g. <link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
 
 # THEME ICONS [optional!]
 # default icons can be overridden or new icons can be added using "icons" object

_sass/_custom.scss

@@ -4,31 +4,25 @@
 */
 
 @font-face {
-	font-display: swap;
-	font-family: 'Euclid Circular B';
-	src: url('/assets/fonts/EuclidCircularB-Regular.woff2') format('woff2'),
-		url('/assets/fonts/EuclidCircularB-Regular.woff') format('woff'),
-		url('/assets/fonts/EuclidCircularB-Regular.otf') format('opentype');
-	font-style: normal;
-	font-weight: 400;
+    font-display: swap;
+    font-family: 'Euclid Circular B';
+    src: url('/assets/fonts/EuclidCircularB-Regular-WebS.woff2') format('woff2');
+    font-style: normal;
+    font-weight: 400;
 }
 
 @font-face {
-	font-display: swap;
-	font-family: 'Euclid Circular B';
-	src: url('/assets/fonts/EuclidCircularB-Medium.woff2') format('woff2'),
-		url('/assets/fonts/EuclidCircularB-Medium.woff') format('woff'),
-		url('/assets/fonts/EuclidCircularB-Medium.otf') format('opentype');
-	font-style: normal;
-	font-weight: 500;
+    font-display: swap;
+    font-family: 'Euclid Circular B';
+    src: url('/assets/fonts/EuclidCircularB-Medium-WebS.woff2') format('woff2');
+    font-style: normal;
+    font-weight: 500;
 }
 
 @font-face {
-	font-display: swap;
-	font-family: 'Euclid Circular B';
-	src: url('/assets/fonts/EuclidCircularB-Semibold.woff2') format('woff2'),
-		url('/assets/fonts/EuclidCircularB-Semibold.woff') format('woff'),
-		url('/assets/fonts/EuclidCircularB-Semibold.otf') format('opentype');
-	font-style: normal;
-	font-weight: 600;
+    font-display: swap;
+    font-family: 'Euclid Circular B';
+    src: url('/assets/fonts/EuclidCircularB-Semibold-WebS.woff2') format('woff2');
+    font-style: normal;
+    font-weight: 600;
 }