fonty

royalfig · Jul 15, 2023 · 48e9f2f · 48e9f2f
1 parent f951caa
commit 48e9f2f
Show file tree

Hide file tree

Showing 12 changed files with 23 additions and 8 deletions.
diff --git a/assets/css/abstracts/variables.css b/assets/css/abstracts/variables.css
@@ -42,8 +42,8 @@
   --button-padding: var(--spacing-02) var(--spacing-03);
 
   /* Type */
-  --body-typeface: 'public', system-ui, sans-serif;
-  --heading-typeface: 'public', system-ui, sans-serif;
+  --body-typeface: satoshi, system-ui, sans-serif;
+  --heading-typeface: cabinet, system-ui, sans-serif;
   --mono-typeface: 'JetBrains Mono', 'Cascadia Code', 'Fira Code', 'Menlo',
     monospace;
   --letter-spacing: 0.2px;

diff --git a/assets/css/base/typography.css b/assets/css/base/typography.css
@@ -1,15 +1,27 @@
 @font-face {
-  font-family: public;
+  font-family: cabinet;
+  font-style: normal;
   font-weight: 100 900;
-  src: url('/assets/fonts/public-sans.woff2') format('woff2');
+  src: url('/assets/fonts/CabinetGrotesk-Variable.woff2') format('woff2'),
+    url('/assets/fonts/CabinetGrotesk-Variable.woff') format('woff');
   font-display: swap;
 }
 
 @font-face {
-  font-family: public;
+  font-family: satoshi;
+  font-style: normal;
+  font-weight: 300 900;
+  src: url('/assets/fonts/Satoshi-Variable.woff2') format('woff2'),
+    url('/assets/fonts/Satoshi-Variable.woff') format('woff');
+  font-display: swap;
+}
+
+@font-face {
+  font-family: satoshi-italic;
   font-style: italic;
-  font-weight: 100 900;
-  src: url('/assets/fonts/public-sans-italic.woff2') format('woff2');
+  font-weight: 300 900;
+  src: url('/assets/fonts/Satoshi-VariableItalic.woff2') format('woff2'),
+    url('/assets/fonts/Satoshi-VariableItalic.woff') format('woff');
   font-display: swap;
 }
 

diff --git a/assets/css/components/hero.css b/assets/css/components/hero.css
@@ -55,7 +55,6 @@
 .sm-hero-button-container:not(:empty) {
   display: flex;
   gap: 1rem;
-  justify-content: center;
   margin-block-start: 2rem;
 }
 

diff --git a/assets/fonts/CabinetGrotesk-Variable.woff b/assets/fonts/CabinetGrotesk-Variable.woff
diff --git a/assets/fonts/CabinetGrotesk-Variable.woff2 b/assets/fonts/CabinetGrotesk-Variable.woff2
diff --git a/assets/fonts/Satoshi-Variable.woff b/assets/fonts/Satoshi-Variable.woff
diff --git a/assets/fonts/Satoshi-Variable.woff2 b/assets/fonts/Satoshi-Variable.woff2
diff --git a/assets/fonts/Satoshi-VariableItalic.woff b/assets/fonts/Satoshi-VariableItalic.woff
diff --git a/assets/fonts/Satoshi-VariableItalic.woff2 b/assets/fonts/Satoshi-VariableItalic.woff2
diff --git a/assets/fonts/public-sans-italic.woff2 b/assets/fonts/public-sans-italic.woff2
diff --git a/assets/fonts/public-sans.woff2 b/assets/fonts/public-sans.woff2
diff --git a/default.hbs b/default.hbs
@@ -33,7 +33,11 @@
     {{!-- Scripts and styles for after load --}}
     <link rel="stylesheet" href="{{asset 'built/app.css'}}">
     <script src="{{asset 'built/app.js'}}" type="module" defer></script>
+
+   <link href="https://api.fontshare.com/v2/css?f[]=archivo@400&f[]=clash-display@600&f[]=supreme@400&f[]=technor@600&f[]=satoshi@500&f[]=cabinet-grotesk@800&f[]=gambetta@400&f[]=general-sans@600&display=swap" rel="stylesheet">
 
+
+
     {{#if @custom.syntax_highlighting}}
     {{#is "post"}}
     <script src="{{asset 'built/syntax-highlighting.js'}}" type="module" defer></script>