diff --git a/css/mixins.less b/css/mixins.less
index 0d4c1b3..3d4707b 100644
--- a/css/mixins.less
+++ b/css/mixins.less
@@ -10,11 +10,13 @@
              url('@{font-full-path}-@{type}.woff') format('woff');
         font-weight: @weight;
         font-style: @style;
+        font-dispaly: swap;
     }
 
     @font-face {
         font-family: '@{variant}-@{type}';
         src: url('@{font-full-path}-@{type}.woff2') format('woff2'),
              url('@{font-full-path}-@{type}.woff') format('woff');
+        font-dispaly: swap;
     }
 }
diff --git a/css/mixins.scss b/css/mixins.scss
index 9880975..91402dd 100644
--- a/css/mixins.scss
+++ b/css/mixins.scss
@@ -10,11 +10,13 @@ $roboto-font-path: '../../../fonts' !default;
              url('#{$font-full-path}-#{$type}.woff') format('woff');
         font-weight: $weight;
         font-style: $style;
+        font-dispaly: swap;
     }
 
     @font-face {
         font-family: '#{$variant}-#{$type}';
         src: url('#{$font-full-path}-#{$type}.woff2') format('woff2'),
              url('#{$font-full-path}-#{$type}.woff') format('woff');
+        font-dispaly: swap;
     }
 }
diff --git a/css/roboto-condensed/roboto-condensed-fontface.css b/css/roboto-condensed/roboto-condensed-fontface.css
index bf6ebba..e0849cc 100644
--- a/css/roboto-condensed/roboto-condensed-fontface.css
+++ b/css/roboto-condensed/roboto-condensed-fontface.css
@@ -1,71 +1,72 @@
-@font-face {
-    font-family: "Roboto-Condensed";
-    src: url("../../fonts/roboto-condensed/Roboto-Condensed-Regular.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-Regular.woff") format("woff");
-    font-weight: 400;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: "Roboto-Condensed-Regular";
-    src: url("../../fonts/roboto-condensed/Roboto-Condensed-Regular.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-Regular.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Roboto-Condensed";
-    src: url("../../fonts/roboto-condensed/Roboto-Condensed-RegularItalic.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-RegularItalic.woff") format("woff");
-    font-weight: 400;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: "Roboto-Condensed-RegularItalic";
-    src: url("../../fonts/roboto-condensed/Roboto-Condensed-RegularItalic.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-RegularItalic.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Roboto-Condensed";
-    src: url("../../fonts/roboto-condensed/Roboto-Condensed-Light.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-Light.woff") format("woff");
-    font-weight: 300;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: "Roboto-Condensed-Light";
-    src: url("../../fonts/roboto-condensed/Roboto-Condensed-Light.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-Light.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Roboto-Condensed";
-    src: url("../../fonts/roboto-condensed/Roboto-Condensed-LightItalic.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-LightItalic.woff") format("woff");
-    font-weight: 300;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: "Roboto-Condensed-LightItalic";
-    src: url("../../fonts/roboto-condensed/Roboto-Condensed-LightItalic.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-LightItalic.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Roboto-Condensed";
-    src: url("../../fonts/roboto-condensed/Roboto-Condensed-Bold.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-Bold.woff") format("woff");
-    font-weight: 700;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: "Roboto-Condensed-Bold";
-    src: url("../../fonts/roboto-condensed/Roboto-Condensed-Bold.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-Bold.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Roboto-Condensed";
-    src: url("../../fonts/roboto-condensed/Roboto-Condensed-BoldItalic.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-BoldItalic.woff") format("woff");
-    font-weight: 700;
-    font-style: italic;
-}
-
-@font-face {
-    font-family: "Roboto-Condensed-BoldItalic";
-    src: url("../../fonts/roboto-condensed/Roboto-Condensed-BoldItalic.woff2") format("woff2"), url("../../fonts/roboto-condensed/Roboto-Condensed-BoldItalic.woff") format("woff");
-}
+@font-face {
+  font-family: "Roboto-Condensed";
+  src: url("../../../fonts/roboto-condensed/Roboto-Condensed-Regular.woff2") format("woff2"), url("../../../fonts/roboto-condensed/Roboto-Condensed-Regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-dispaly: swap;
+}
+@font-face {
+  font-family: "Roboto-Condensed-Regular";
+  src: url("../../../fonts/roboto-condensed/Roboto-Condensed-Regular.woff2") format("woff2"), url("../../../fonts/roboto-condensed/Roboto-Condensed-Regular.woff") format("woff");
+  font-dispaly: swap;
+}
+@font-face {
+  font-family: "Roboto-Condensed";
+  src: url("../../../fonts/roboto-condensed/Roboto-Condensed-RegularItalic.woff2") format("woff2"), url("../../../fonts/roboto-condensed/Roboto-Condensed-RegularItalic.woff") format("woff");
+  font-weight: 400;
+  font-style: italic;
+  font-dispaly: swap;
+}
+@font-face {
+  font-family: "Roboto-Condensed-RegularItalic";
+  src: url("../../../fonts/roboto-condensed/Roboto-Condensed-RegularItalic.woff2") format("woff2"), url("../../../fonts/roboto-condensed/Roboto-Condensed-RegularItalic.woff") format("woff");
+  font-dispaly: swap;
+}
+@font-face {
+  font-family: "Roboto-Condensed";
+  src: url("../../../fonts/roboto-condensed/Roboto-Condensed-Light.woff2") format("woff2"), url("../../../fonts/roboto-condensed/Roboto-Condensed-Light.woff") format("woff");
+  font-weight: 300;
+  font-style: normal;
+  font-dispaly: swap;
+}
+@font-face {
+  font-family: "Roboto-Condensed-Light";
+  src: url("../../../fonts/roboto-condensed/Roboto-Condensed-Light.woff2") format("woff2"), url("../../../fonts/roboto-condensed/Roboto-Condensed-Light.woff") format("woff");
+  font-dispaly: swap;
+}
+@font-face {
+  font-family: "Roboto-Condensed";
+  src: url("../../../fonts/roboto-condensed/Roboto-Condensed-LightItalic.woff2") format("woff2"), url("../../../fonts/roboto-condensed/Roboto-Condensed-LightItalic.woff") format("woff");
+  font-weight: 300;
+  font-style: italic;
+  font-dispaly: swap;
+}
+@font-face {
+  font-family: "Roboto-Condensed-LightItalic";
+  src: url("../../../fonts/roboto-condensed/Roboto-Condensed-LightItalic.woff2") format("woff2"), url("../../../fonts/roboto-condensed/Roboto-Condensed-LightItalic.woff") format("woff");
+  font-dispaly: swap;
+}
+@font-face {
+  font-family: "Roboto-Condensed";
+  src: url("../../../fonts/roboto-condensed/Roboto-Condensed-Bold.woff2") format("woff2"), url("../../../fonts/roboto-condensed/Roboto-Condensed-Bold.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+  font-dispaly: swap;
+}
+@font-face {
+  font-family: "Roboto-Condensed-Bold";
+  src: url("../../../fonts/roboto-condensed/Roboto-Condensed-Bold.woff2") format("woff2"), url("../../../fonts/roboto-condensed/Roboto-Condensed-Bold.woff") format("woff");
+  font-dispaly: swap;
+}
+@font-face {
+  font-family: "Roboto-Condensed";
+  src: url("../../../fonts/roboto-condensed/Roboto-Condensed-BoldItalic.woff2") format("woff2"), url("../../../fonts/roboto-condensed/Roboto-Condensed-BoldItalic.woff") format("woff");
+  font-weight: 700;
+  font-style: italic;
+  font-dispaly: swap;
+}
+@font-face {
+  font-family: "Roboto-Condensed-BoldItalic";
+  src: url("../../../fonts/roboto-condensed/Roboto-Condensed-BoldItalic.woff2") format("woff2"), url("../../../fonts/roboto-condensed/Roboto-Condensed-BoldItalic.woff") format("woff");
+  font-dispaly: swap;
+}
diff --git a/css/roboto-slab/roboto-slab-fontface.css b/css/roboto-slab/roboto-slab-fontface.css
index 751e283..42431fd 100644
--- a/css/roboto-slab/roboto-slab-fontface.css
+++ b/css/roboto-slab/roboto-slab-fontface.css
@@ -1,47 +1,48 @@
 @font-face {
-    font-family: 'Roboto-Slab';
-    src: url('../../fonts/roboto-slab/Roboto-Slab-Thin.woff2') format('woff2'), url('../../fonts/roboto-slab/Roboto-Slab-Thin.woff') format('woff');
-    font-weight: 100;
-    font-style: normal;
+  font-family: "Roboto-Slab";
+  src: url("../../../fonts/roboto-slab/Roboto-Slab-Regular.woff2") format("woff2"), url("../../../fonts/roboto-slab/Roboto-Slab-Regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Slab-Thin';
-    src: url('../../fonts/roboto-slab/Roboto-Slab-Thin.woff2') format('woff2'), url('../../fonts/roboto-slab/Roboto-Slab-Thin.woff') format('woff');
+  font-family: "Roboto-Slab-Regular";
+  src: url("../../../fonts/roboto-slab/Roboto-Slab-Regular.woff2") format("woff2"), url("../../../fonts/roboto-slab/Roboto-Slab-Regular.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Slab';
-    src: url('../../fonts/roboto-slab/Roboto-Slab-Light.woff2') format('woff2'), url('../../fonts/roboto-slab/Roboto-Slab-Light.woff') format('woff');
-    font-weight: 300;
-    font-style: normal;
+  font-family: "Roboto-Slab";
+  src: url("../../../fonts/roboto-slab/Roboto-Slab-Light.woff2") format("woff2"), url("../../../fonts/roboto-slab/Roboto-Slab-Light.woff") format("woff");
+  font-weight: 300;
+  font-style: normal;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Slab-Light';
-    src: url('../../fonts/roboto-slab/Roboto-Slab-Light.woff2') format('woff2'), url('../../fonts/roboto-slab/Roboto-Slab-Light.woff') format('woff');
+  font-family: "Roboto-Slab-Light";
+  src: url("../../../fonts/roboto-slab/Roboto-Slab-Light.woff2") format("woff2"), url("../../../fonts/roboto-slab/Roboto-Slab-Light.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Slab';
-    src: url('../../fonts/roboto-slab/Roboto-Slab-Regular.woff2') format('woff2'), url('../../fonts/roboto-slab/Roboto-Slab-Regular.woff') format('woff');
-    font-weight: 400;
-    font-style: normal;
+  font-family: "Roboto-Slab";
+  src: url("../../../fonts/roboto-slab/Roboto-Slab-Thin.woff2") format("woff2"), url("../../../fonts/roboto-slab/Roboto-Slab-Thin.woff") format("woff");
+  font-weight: 100;
+  font-style: normal;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Slab-Regular';
-    src: url('../../fonts/roboto-slab/Roboto-Slab-Regular.woff2') format('woff2'), url('../../fonts/roboto-slab/Roboto-Slab-Regular.woff') format('woff');
+  font-family: "Roboto-Slab-Thin";
+  src: url("../../../fonts/roboto-slab/Roboto-Slab-Thin.woff2") format("woff2"), url("../../../fonts/roboto-slab/Roboto-Slab-Thin.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Slab';
-    src: url('../../fonts/roboto-slab/Roboto-Slab-Bold.woff2') format('woff2'), url('../../fonts/roboto-slab/Roboto-Slab-Bold.woff') format('woff');
-    font-weight: 700;
-    font-style: normal;
+  font-family: "Roboto-Slab";
+  src: url("../../../fonts/roboto-slab/Roboto-Slab-Bold.woff2") format("woff2"), url("../../../fonts/roboto-slab/Roboto-Slab-Bold.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Slab-Bold';
-    src: url('../../fonts/roboto-slab/Roboto-Slab-Bold.woff2') format('woff2'), url('../../fonts/roboto-slab/Roboto-Slab-Bold.woff') format('woff');
+  font-family: "Roboto-Slab-Bold";
+  src: url("../../../fonts/roboto-slab/Roboto-Slab-Bold.woff2") format("woff2"), url("../../../fonts/roboto-slab/Roboto-Slab-Bold.woff") format("woff");
+  font-dispaly: swap;
 }
diff --git a/css/roboto/roboto-fontface.css b/css/roboto/roboto-fontface.css
index 12f971c..b21de05 100644
--- a/css/roboto/roboto-fontface.css
+++ b/css/roboto/roboto-fontface.css
@@ -1,143 +1,144 @@
 @font-face {
-    font-family: 'Roboto';
-    src: url('../../fonts/roboto/Roboto-Thin.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Thin.woff') format('woff');
-    font-weight: 100;
-    font-style: normal;
+  font-family: "Roboto";
+  src: url("../../../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-Regular.woff") format("woff");
+  font-weight: 400;
+  font-style: normal;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Thin';
-    src: url('../../fonts/roboto/Roboto-Thin.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Thin.woff') format('woff');
+  font-family: "Roboto-Regular";
+  src: url("../../../fonts/roboto/Roboto-Regular.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-Regular.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto';
-    src: url('../../fonts/roboto/Roboto-ThinItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-ThinItalic.woff') format('woff');
-    font-weight: 100;
-    font-style: italic;
+  font-family: "Roboto";
+  src: url("../../../fonts/roboto/Roboto-RegularItalic.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-RegularItalic.woff") format("woff");
+  font-weight: 400;
+  font-style: italic;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-ThinItalic';
-    src: url('../../fonts/roboto/Roboto-ThinItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-ThinItalic.woff') format('woff');
+  font-family: "Roboto-RegularItalic";
+  src: url("../../../fonts/roboto/Roboto-RegularItalic.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-RegularItalic.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto';
-    src: url('../../fonts/roboto/Roboto-Light.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Light.woff') format('woff');
-    font-weight: 300;
-    font-style: normal;
+  font-family: "Roboto";
+  src: url("../../../fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-Light.woff") format("woff");
+  font-weight: 300;
+  font-style: normal;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Light';
-    src: url('../../fonts/roboto/Roboto-Light.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Light.woff') format('woff');
+  font-family: "Roboto-Light";
+  src: url("../../../fonts/roboto/Roboto-Light.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-Light.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto';
-    src: url('../../fonts/roboto/Roboto-LightItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-LightItalic.woff') format('woff');
-    font-weight: 300;
-    font-style: italic;
+  font-family: "Roboto";
+  src: url("../../../fonts/roboto/Roboto-LightItalic.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-LightItalic.woff") format("woff");
+  font-weight: 300;
+  font-style: italic;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-LightItalic';
-    src: url('../../fonts/roboto/Roboto-LightItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-LightItalic.woff') format('woff');
+  font-family: "Roboto-LightItalic";
+  src: url("../../../fonts/roboto/Roboto-LightItalic.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-LightItalic.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto';
-    src: url('../../fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Regular.woff') format('woff');
-    font-weight: 400;
-    font-style: normal;
+  font-family: "Roboto";
+  src: url("../../../fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-Thin.woff") format("woff");
+  font-weight: 100;
+  font-style: normal;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Regular';
-    src: url('../../fonts/roboto/Roboto-Regular.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Regular.woff') format('woff');
+  font-family: "Roboto-Thin";
+  src: url("../../../fonts/roboto/Roboto-Thin.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-Thin.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto';
-    src: url('../../fonts/roboto/Roboto-RegularItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-RegularItalic.woff') format('woff');
-    font-weight: 400;
-    font-style: italic;
+  font-family: "Roboto";
+  src: url("../../../fonts/roboto/Roboto-ThinItalic.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-ThinItalic.woff") format("woff");
+  font-weight: 100;
+  font-style: italic;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-RegularItalic';
-    src: url('../../fonts/roboto/Roboto-RegularItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-RegularItalic.woff') format('woff');
+  font-family: "Roboto-ThinItalic";
+  src: url("../../../fonts/roboto/Roboto-ThinItalic.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-ThinItalic.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto';
-    src: url('../../fonts/roboto/Roboto-Medium.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
+  font-family: "Roboto";
+  src: url("../../../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-Medium.woff") format("woff");
+  font-weight: 500;
+  font-style: normal;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Medium';
-    src: url('../../fonts/roboto/Roboto-Medium.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Medium.woff') format('woff');
+  font-family: "Roboto-Medium";
+  src: url("../../../fonts/roboto/Roboto-Medium.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-Medium.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto';
-    src: url('../../fonts/roboto/Roboto-MediumItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-MediumItalic.woff') format('woff');
-    font-weight: 500;
-    font-style: italic;
+  font-family: "Roboto";
+  src: url("../../../fonts/roboto/Roboto-MediumItalic.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-MediumItalic.woff") format("woff");
+  font-weight: 500;
+  font-style: italic;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-MediumItalic';
-    src: url('../../fonts/roboto/Roboto-MediumItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-MediumItalic.woff') format('woff');
+  font-family: "Roboto-MediumItalic";
+  src: url("../../../fonts/roboto/Roboto-MediumItalic.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-MediumItalic.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto';
-    src: url('../../fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Bold.woff') format('woff');
-    font-weight: 700;
-    font-style: normal;
+  font-family: "Roboto";
+  src: url("../../../fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-Bold.woff") format("woff");
+  font-weight: 700;
+  font-style: normal;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Bold';
-    src: url('../../fonts/roboto/Roboto-Bold.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Bold.woff') format('woff');
+  font-family: "Roboto-Bold";
+  src: url("../../../fonts/roboto/Roboto-Bold.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-Bold.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto';
-    src: url('../../fonts/roboto/Roboto-BoldItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-BoldItalic.woff') format('woff');
-    font-weight: 700;
-    font-style: italic;
+  font-family: "Roboto";
+  src: url("../../../fonts/roboto/Roboto-BoldItalic.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-BoldItalic.woff") format("woff");
+  font-weight: 700;
+  font-style: italic;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-BoldItalic';
-    src: url('../../fonts/roboto/Roboto-BoldItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-BoldItalic.woff') format('woff');
+  font-family: "Roboto-BoldItalic";
+  src: url("../../../fonts/roboto/Roboto-BoldItalic.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-BoldItalic.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto';
-    src: url('../../fonts/roboto/Roboto-Black.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Black.woff') format('woff');
-    font-weight: 900;
-    font-style: normal;
+  font-family: "Roboto";
+  src: url("../../../fonts/roboto/Roboto-Black.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-Black.woff") format("woff");
+  font-weight: 900;
+  font-style: normal;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-Black';
-    src: url('../../fonts/roboto/Roboto-Black.woff2') format('woff2'), url('../../fonts/roboto/Roboto-Black.woff') format('woff');
+  font-family: "Roboto-Black";
+  src: url("../../../fonts/roboto/Roboto-Black.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-Black.woff") format("woff");
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto';
-    src: url('../../fonts/roboto/Roboto-BlackItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-BlackItalic.woff') format('woff');
-    font-weight: 900;
-    font-style: italic;
+  font-family: "Roboto";
+  src: url("../../../fonts/roboto/Roboto-BlackItalic.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-BlackItalic.woff") format("woff");
+  font-weight: 900;
+  font-style: italic;
+  font-dispaly: swap;
 }
-
 @font-face {
-    font-family: 'Roboto-BlackItalic';
-    src: url('../../fonts/roboto/Roboto-BlackItalic.woff2') format('woff2'), url('../../fonts/roboto/Roboto-BlackItalic.woff') format('woff');
+  font-family: "Roboto-BlackItalic";
+  src: url("../../../fonts/roboto/Roboto-BlackItalic.woff2") format("woff2"), url("../../../fonts/roboto/Roboto-BlackItalic.woff") format("woff");
+  font-dispaly: swap;
 }