(ar)(design) pick a font

assets/fonts.scss

@@ -193,3 +193,22 @@
         src: url('/fonts/linjapimejapona.ttf') format("truetype")
     }
 }
+
+@if list.index($fonts, 'Rubik') {
+    /* rubik-300 - arabic_latin_latin-ext */
+    @font-face {
+        font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+        font-family: 'Rubik';
+        font-style: normal;
+        font-weight: 400;
+        src: url('/fonts/rubik-v28-arabic_latin_latin-ext-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+    }
+    /* rubik-700 - arabic_latin_latin-ext */
+    @font-face {
+        font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
+        font-family: 'Rubik';
+        font-style: normal;
+        font-weight: 700;
+        src: url('/fonts/rubik-v28-arabic_latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
+    }
+}

locale/ar/variables.scss

@@ -1,2 +1,2 @@
-$fontHeadings: 'Quicksand';
+$fontHeadings: 'Rubik';
-$fontText: 'Nunito';
+$fontText: 'Rubik';