Add ‘Monument Semi Mono’ woff files

Fallback to ‘Monument’ while we transition
pluralsh · Jun 6, 2022 · 41b646f · 41b646f
1 parent e87b113
commit 41b646f
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 83 deletions.
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -49,97 +49,19 @@
 
   @font-face {
     font-family: 'Monument Semi-Mono';
-    src: url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/62797893d19e273e1dc9ebdb_ABCMonumentGroteskSemi-Mono-Black-Trial.otf') format('opentype'), url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/62797893e65e67c8ee28f0ec_ABCMonumentGroteskSemi-Mono-Heavy-Trial.otf') format('opentype');
-    font-weight: 900;
-    font-style: normal;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: 'Monument Semi-Mono';
-    src: url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/62797893494abe0de89f227a_ABCMonumentGroteskSemi-Mono-BlackItalic-Trial.otf') format('opentype'), url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/62797893166f259ab0a38433_ABCMonumentGroteskSemi-Mono-HeavyItalic-Trial.otf') format('opentype');
-    font-weight: 900;
-    font-style: italic;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: 'Monument Semi-Mono';
-    src: url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/627978938565ca0a08e60c3f_ABCMonumentGroteskSemi-Mono-LightItalic-Trial.otf') format('opentype');
-    font-weight: 300;
-    font-style: italic;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: 'Monument Semi-Mono';
-    src: url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/62797893e66c69cf8eb60bb1_ABCMonumentGroteskSemi-Mono-Light-Trial.otf') format('opentype');
-    font-weight: 300;
-    font-style: normal;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: 'Monument Semi-Mono';
-    src: url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/62797893c925d13acc430de7_ABCMonumentGroteskSemi-Mono-Medium-Trial.otf') format('opentype');
-    font-weight: 500;
-    font-style: normal;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: 'Monument Semi-Mono';
-    src: url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/62797893655acc0d01b2105a_ABCMonumentGroteskSemi-Mono-RegularItalic-Trial.otf') format('opentype');
+    src: url("/ABCMonumentGroteskSemi-Mono-Regular.woff") format("woff");
     font-weight: 400;
-    font-style: italic;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: 'Monument Semi-Mono';
-    src: url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/62797893bd85bb8ca4684c14_ABCMonumentGroteskSemi-Mono-Thin-Trial.otf') format('opentype');
-    font-weight: 100;
-    font-style: normal;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: 'Monument Semi-Mono';
-    src: url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/62797893ea814b84fd70711f_ABCMonumentGroteskSemi-Mono-Bold-Trial.otf') format('opentype');
-    font-weight: 700;
-    font-style: normal;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: 'Monument Semi-Mono';
-    src: url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/627978936fb12a0a6ad03070_ABCMonumentGroteskSemi-Mono-ThinItalic-Trial.otf') format('opentype');
-    font-weight: 100;
-    font-style: italic;
-    font-display: swap;
   }
 
   @font-face {
     font-family: 'Monument Semi-Mono';
-    src: url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/6279789459bcaa23b6357474_ABCMonumentGroteskSemi-Mono-MediumItalic-Trial.otf') format('opentype');
+    src: url("/ABCMonumentGroteskSemi-Mono-Medium.woff") format("woff");
     font-weight: 500;
-    font-style: italic;
-    font-display: swap;
   }
 
   @font-face {
     font-family: 'Monument Semi-Mono';
-    src: url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/62797894d95c6eb2b30e0f88_ABCMonumentGroteskSemi-Mono-BoldItalic-Trial.otf') format('opentype');
-    font-weight: 700;
-    font-style: italic;
-    font-display: swap;
-  }
-
-  @font-face {
-    font-family: 'Monument Semi-Mono';
-    src: url('https://uploads-ssl.webflow.com/627977f6bd85bbace4684726/62797894d95c6e775b0e0f89_ABCMonumentGroteskSemi-Mono-Regular-Trial.otf') format('opentype');
-    font-weight: 400;
-    font-style: normal;
-    font-display: swap;
+    src: url("/ABCMonumentGroteskSemi-Mono-Heavy.woff") format("woff");
+    font-weight: 600;
   }
 </style>
diff --git a/public/ABCMonumentGroteskSemi-Mono-Heavy.woff b/public/ABCMonumentGroteskSemi-Mono-Heavy.woff
diff --git a/public/ABCMonumentGroteskSemi-Mono-Medium.woff b/public/ABCMonumentGroteskSemi-Mono-Medium.woff
diff --git a/public/ABCMonumentGroteskSemi-Mono-Regular.woff b/public/ABCMonumentGroteskSemi-Mono-Regular.woff
diff --git a/src/theme.tsx b/src/theme.tsx
@@ -2,7 +2,7 @@ import { mergeTheme } from 'honorable'
 import defaultTheme from 'honorable-theme-default'
 
 const fontFamilies = {
-  semi: '"Monument Semi-Mono", "Inter", "Helvetica", "Arial", "sans-serif"',
+  semi: '"Monument Semi-Mono", "Monument", "Inter", "Helvetica", "Arial", "sans-serif"',
   sans: '"Inter", "Helvetica", "Arial", "sans-serif"',
 }