Self host fonts (#1472)

* Add three selfhosted fonts * Run lint * Add light and semibold as well
temporalio · Jul 10, 2023 · 52f70cc · 52f70cc
1 parent 37e0c70
commit 52f70cc
Show file tree

Hide file tree

Showing 21 changed files with 90 additions and 5 deletions.
diff --git a/src/app.css b/src/app.css
@@ -1,10 +1,52 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
-
 @import 'tailwindcss/base';
 @import 'tailwindcss/components';
 @import 'tailwindcss/utilities';
 
+@layer base {
+  @font-face {
+    font-family: 'Inter';
+    src: local('Inter'), local('inter'),
+      url('/src/lib/vendor/css/fonts/Inter/Inter-VariableFont_slnt\,wght.ttf');
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Poppins';
+    src: local('Poppins'), local('poppins'),
+      url('/src/lib/vendor/css/fonts/Poppins/Poppins-Light.ttf');
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Poppins';
+    src: local('Poppins'), local('poppins'),
+      url('/src/lib/vendor/css/fonts/Poppins/Poppins-Regular.ttf');
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Poppins';
+    src: local('Poppins'), local('poppins'),
+      url('/src/lib/vendor/css/fonts/Poppins/Poppins-Medium.ttf');
+    font-style: medium;
+    font-weight: 500;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Poppins';
+    src: local('Poppins'), local('poppins'),
+      url('/src/lib/vendor/css/fonts/Poppins/Poppins-SemiBold.ttf');
+    font-style: medium;
+    font-weight: 600;
+    font-display: swap;
+  }
+}
+
 *,
 html,
 body {

diff --git a/src/histoire.css b/src/histoire.css
@@ -1,8 +1,51 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
 @import url('/src/lib/vendor/css/normalize.css');
 @import url('/src/lib/vendor/prism/prism.css');
 
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer base {
+  @font-face {
+    font-family: 'Inter';
+    src: local('Inter'), local('inter'),
+      url('/src/lib/vendor/css/fonts/Inter/Inter-VariableFont_slnt\,wght.ttf');
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Poppins';
+    src: local('Poppins'), local('poppins'),
+      url('/src/lib/vendor/css/fonts/Poppins/Poppins-Light.ttf');
+    font-style: normal;
+    font-weight: 300;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Poppins';
+    src: local('Poppins'), local('poppins'),
+      url('/src/lib/vendor/css/fonts/Poppins/Poppins-Regular.ttf');
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Poppins';
+    src: local('Poppins'), local('poppins'),
+      url('/src/lib/vendor/css/fonts/Poppins/Poppins-Medium.ttf');
+    font-style: medium;
+    font-weight: 500;
+    font-display: swap;
+  }
+
+  @font-face {
+    font-family: 'Poppins';
+    src: local('Poppins'), local('poppins'),
+      url('/src/lib/vendor/css/fonts/Poppins/Poppins-SemiBold.ttf');
+    font-style: medium;
+    font-weight: 600;
+    font-display: swap;
+  }
+}
diff --git a/src/lib/vendor/css/fonts/Inter/Inter-Black.ttf b/src/lib/vendor/css/fonts/Inter/Inter-Black.ttf
diff --git a/src/lib/vendor/css/fonts/Inter/Inter-Bold.ttf b/src/lib/vendor/css/fonts/Inter/Inter-Bold.ttf
diff --git a/src/lib/vendor/css/fonts/Inter/Inter-ExtraBold.ttf b/src/lib/vendor/css/fonts/Inter/Inter-ExtraBold.ttf
diff --git a/src/lib/vendor/css/fonts/Inter/Inter-ExtraLight.ttf b/src/lib/vendor/css/fonts/Inter/Inter-ExtraLight.ttf
diff --git a/src/lib/vendor/css/fonts/Inter/Inter-Light.ttf b/src/lib/vendor/css/fonts/Inter/Inter-Light.ttf
diff --git a/src/lib/vendor/css/fonts/Inter/Inter-Medium.ttf b/src/lib/vendor/css/fonts/Inter/Inter-Medium.ttf
diff --git a/src/lib/vendor/css/fonts/Inter/Inter-Regular.ttf b/src/lib/vendor/css/fonts/Inter/Inter-Regular.ttf
diff --git a/src/lib/vendor/css/fonts/Inter/Inter-SemiBold.ttf b/src/lib/vendor/css/fonts/Inter/Inter-SemiBold.ttf
diff --git a/src/lib/vendor/css/fonts/Inter/Inter-Thin.ttf b/src/lib/vendor/css/fonts/Inter/Inter-Thin.ttf
diff --git a/src/lib/vendor/css/fonts/Inter/Inter-VariableFont_slnt,wght.ttf b/src/lib/vendor/css/fonts/Inter/Inter-VariableFont_slnt,wght.ttf
diff --git a/src/lib/vendor/css/fonts/Poppins/Poppins-Black.ttf b/src/lib/vendor/css/fonts/Poppins/Poppins-Black.ttf
diff --git a/src/lib/vendor/css/fonts/Poppins/Poppins-Bold.ttf b/src/lib/vendor/css/fonts/Poppins/Poppins-Bold.ttf
diff --git a/src/lib/vendor/css/fonts/Poppins/Poppins-ExtraBold.ttf b/src/lib/vendor/css/fonts/Poppins/Poppins-ExtraBold.ttf
diff --git a/src/lib/vendor/css/fonts/Poppins/Poppins-ExtraLight.ttf b/src/lib/vendor/css/fonts/Poppins/Poppins-ExtraLight.ttf
diff --git a/src/lib/vendor/css/fonts/Poppins/Poppins-Light.ttf b/src/lib/vendor/css/fonts/Poppins/Poppins-Light.ttf
diff --git a/src/lib/vendor/css/fonts/Poppins/Poppins-Medium.ttf b/src/lib/vendor/css/fonts/Poppins/Poppins-Medium.ttf
diff --git a/src/lib/vendor/css/fonts/Poppins/Poppins-Regular.ttf b/src/lib/vendor/css/fonts/Poppins/Poppins-Regular.ttf
diff --git a/src/lib/vendor/css/fonts/Poppins/Poppins-SemiBold.ttf b/src/lib/vendor/css/fonts/Poppins/Poppins-SemiBold.ttf
diff --git a/src/lib/vendor/css/fonts/Poppins/Poppins-Thin.ttf b/src/lib/vendor/css/fonts/Poppins/Poppins-Thin.ttf