feat: reduce font size (#1411)

web3-storage · Jun 13, 2022 · 345c171 · 345c171
1 parent df181ed
commit 345c171
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 31 deletions.
diff --git a/packages/website/assets/fonts/subset-SuisseIntl-Bold.woff2 b/packages/website/assets/fonts/subset-SuisseIntl-Bold.woff2
diff --git a/packages/website/assets/fonts/subset-SuisseIntl-Regular.woff2 b/packages/website/assets/fonts/subset-SuisseIntl-Regular.woff2
diff --git a/packages/website/assets/fonts/subset-SuisseIntl-SemiBold.woff2 b/packages/website/assets/fonts/subset-SuisseIntl-SemiBold.woff2
diff --git a/packages/website/assets/fonts/subset-SuisseIntlMono-Regular.woff2 b/packages/website/assets/fonts/subset-SuisseIntlMono-Regular.woff2
diff --git a/packages/website/styles/global.scss b/packages/website/styles/global.scss
@@ -57,61 +57,65 @@
 // Fonts
 $fontAssetPath: '../assets/fonts';
 
-@font-face {
-  font-family: 'SuisseIntl';
-  src: url('#{$fontAssetPath}/SuisseIntl/SuisseIntl-Light.otf') format('opentype');
-  font-weight: 300;
-  font-display: swap;
-}
+// @font-face {
+//   font-family: 'SuisseIntl';
+//   src: url('#{$fontAssetPath}/SuisseIntl/SuisseIntl-Light.otf') format('opentype');
+//   font-weight: 300;
+//   font-display: swap;
+// }
 
 @font-face {
   font-family: 'SuisseIntl';
-  src: url('#{$fontAssetPath}/SuisseIntl/SuisseIntl-Regular.otf') format('opentype');
-  font-weight: 400;
+  src: url('#{$fontAssetPath}/subset-SuisseIntl-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
   font-display: swap;
 }
 
-@font-face {
-  font-family: 'SuisseIntl';
-  src: url('#{$fontAssetPath}/SuisseIntl/SuisseIntl-Medium.otf') format('opentype');
-  font-weight: 500;
-  font-display: swap;
-}
+// @font-face {
+//   font-family: 'SuisseIntl';
+//   src: url('#{$fontAssetPath}/SuisseIntl/SuisseIntl-Medium.otf') format('opentype');
+//   font-weight: 500;
+//   font-display: swap;
+// }
 
 @font-face {
   font-family: 'SuisseIntl';
-  src: url('#{$fontAssetPath}/SuisseIntl/SuisseIntl-SemiBold.otf') format('opentype');
+  src: url('#{$fontAssetPath}/subset-SuisseIntl-SemiBold.woff2') format('woff2');
   font-weight: 600;
+  font-style: normal;
   font-display: swap;
 }
 
 @font-face {
   font-family: 'SuisseIntl';
-  src: url('#{$fontAssetPath}/SuisseIntl/SuisseIntl-Bold.otf') format('opentype');
-  font-weight: 700;
+  src: url('#{$fontAssetPath}/subset-SuisseIntl-Bold.woff2') format('woff2');
+  font-weight: bold;
+  font-style: normal;
   font-display: swap;
 }
 
-@font-face {
-  font-family: 'Suisse Intl Mono';
-  src: url('#{$fontAssetPath}/SuisseIntlMono/SuisseIntlMono-Thin.otf') format('opentype');
-  font-weight: 300;
-  font-display: swap;
-}
+// @font-face {
+//   font-family: 'Suisse Intl Mono';
+//   src: url('#{$fontAssetPath}/SuisseIntlMono/SuisseIntlMono-Thin.otf') format('opentype');
+//   font-weight: 300;
+//   font-display: swap;
+// }
 
 @font-face {
   font-family: 'Suisse Intl Mono';
-  src: url('#{$fontAssetPath}/SuisseIntlMono/SuisseIntlMono-Regular.otf') format('opentype');
-  font-weight: 400;
+  src: url('#{$fontAssetPath}/subset-SuisseIntlMono-Regular.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
   font-display: swap;
 }
 
-@font-face {
-  font-family: 'Suisse Intl Mono';
-  src: url('#{$fontAssetPath}/SuisseIntlMono/SuisseIntlMono-Bold.otf') format('opentype');
-  font-weight: 700;
-  font-display: swap;
-}
+// @font-face {
+//   font-family: 'Suisse Intl Mono';
+//   src: url('#{$fontAssetPath}/SuisseIntlMono/SuisseIntlMono-Bold.otf') format('opentype');
+//   font-weight: 700;
+//   font-display: swap;
+// }
 
 html,
 body {