Fix tables width, paginators, button on mobile / touchscreens (#2695)

[github/Chocobozzz/PeerTube.git] / client / src / sass / include / _fonts.scss

diff --git a/client/src/sass/include/_fonts.scss b/client/src/sass/include/_fonts.scss
index 61717e6f567405229498e0b7c5060b83fd26cb3a..46cd37971c9900f393f8ef27c965cfc87e69b4cd 100644 (file)
--- a/client/src/sass/include/_fonts.scss
+++ b/client/src/sass/include/_fonts.scss
@@ -1,10 +1,11 @@
-$FontPathSourceSansPro: '../../node_modules/npm-font-source-sans-pro/fonts';
+$FontPathSourceSansPro: '~npm-font-source-sans-pro/fonts';
 
 @font-face {
   font-family: 'Source Sans Pro';
   font-weight: 400;
   font-style: normal;
   font-stretch: normal;
+  font-display: swap;
   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-Regular.ttf.woff2') format('woff2'),
 }
 
@@ -13,6 +14,7 @@ $FontPathSourceSansPro: '../../node_modules/npm-font-source-sans-pro/fonts';
   font-weight: 400;
   font-style: italic;
   font-stretch: normal;
+  font-display: swap;
   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-It.ttf.woff2') format('woff2'),
 }
 
@@ -21,6 +23,7 @@ $FontPathSourceSansPro: '../../node_modules/npm-font-source-sans-pro/fonts';
   font-weight: 600;
   font-style: normal;
   font-stretch: normal;
+  font-display: swap;
   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-Semibold.ttf.woff2') format('woff2'),
 }
 
@@ -29,6 +32,7 @@ $FontPathSourceSansPro: '../../node_modules/npm-font-source-sans-pro/fonts';
   font-weight: 600;
   font-style: italic;
   font-stretch: normal;
+  font-display: swap;
   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-SemiboldIt.ttf.woff2') format('woff2'),
 }
 
@@ -37,5 +41,6 @@ $FontPathSourceSansPro: '../../node_modules/npm-font-source-sans-pro/fonts';
   font-weight: 700;
   font-style: normal;
   font-stretch: normal;
+  font-display: swap;
   src: url('#{$FontPathSourceSansPro}/WOFF2/TTF/SourceSansPro-Bold.ttf.woff2') format('woff2'),
 }
\ No newline at end of file