Switch font to FivoSans

assets/css/main.css

@@ -6,8 +6,8 @@
         --grey32m: #ECECEC;
         --lrmargin: 2vw;
         --desktop-lrmargin: 25vw;
-        --typeface: 'Concourse OT', sans-serif;
+        --typeface: 'Fivo Sans'
-        --typeface-body: 'Concourse OT', sans-serif;
+        --typeface-body: 'Fivo Sans'
         --font-weight-bold: 700;
         --font-weight-medium: 400;
         --font-size-large: 1.4em;

assets/fonts/FivoSans/FivoSans.css

@@ -0,0 +1,125 @@
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Black-Oblique.woff2') format('woff2'),
+         url('FivoSans-Black-Oblique.woff') format('woff');
+    font-style: italic;
+    font-weight: 900;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Black.woff2') format('woff2'),
+         url('FivoSans-Black.woff') format('woff');
+    font-style: regular;
+    font-weight: 900;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Bold-Oblique.woff2') format('woff2'),
+         url('FivoSans-Bold-Oblique.woff') format('woff');
+    font-style: italic;
+    font-weight: 700;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Bold.woff2') format('woff2'),
+         url('FivoSans-Bold.woff') format('woff');
+    font-style: regular;
+    font-weight: 700;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Heavy-Oblique.woff2') format('woff2'),
+         url('FivoSans-Heavy-Oblique.woff') format('woff');
+    font-style: italic;
+    font-weight: 900;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Heavy.woff2') format('woff2'),
+         url('FivoSans-Heavy.woff') format('woff');
+    font-style: regular;
+    font-weight: 900;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Light-Oblique.woff2') format('woff2'),
+         url('FivoSans-Light-Oblique.woff') format('woff');
+    font-style: italic;
+    font-weight: 300;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Light.woff2') format('woff2'),
+         url('FivoSans-Light.woff') format('woff');
+    font-style: regular;
+    font-weight: 300;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Medium-Oblique.woff2') format('woff2'),
+         url('FivoSans-Medium-Oblique.woff') format('woff');
+    font-style: italic;
+    font-weight: 500;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Medium.woff2') format('woff2'),
+         url('FivoSans-Medium.woff') format('woff');
+    font-style: regular;
+    font-weight: 500;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Oblique.woff2') format('woff2'),
+         url('FivoSans-Oblique.woff') format('woff');
+    font-style: italic;
+    font-weight: 400;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Regular.woff2') format('woff2'),
+         url('FivoSans-Regular.woff') format('woff');
+    font-style: regular;
+    font-weight: 400;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Thin-Oblique.woff2') format('woff2'),
+         url('FivoSans-Thin-Oblique.woff') format('woff');
+    font-style: italic;
+    font-weight: 300;
+}
+
+
+@font-face {
+    font-family: 'Fivo Sans';
+    src: url('FivoSans-Thin.woff2') format('woff2'),
+         url('FivoSans-Thin.woff') format('woff');
+    font-style: regular;
+    font-weight: 300;
+}
+

assets/fonts/FivoSans/Readme.md

@@ -0,0 +1 @@
+ 

functions.php

@@ -15,7 +15,7 @@ function etcskel32m_enqueue_styles() {
 		$theme->get( 'Version' )
 	);
     // fonts
-    wp_enqueue_style( '32m-fonts', $child_directory . '/assets/fonts/ConcourseOT/concourseot.css', false );
+    wp_enqueue_style( '32m-fonts', $child_directory . '/assets/fonts/FivoSans/FivoSans.css', false );
     wp_enqueue_style( '32m-main-css', $child_directory . '/assets/css/main.css', array(), false );
 }