Avivash/different font weights with the same font face (#87)

src/components/Header.svelte

@@ -65,7 +65,7 @@
     {#if !$sessionStore.loading && $sessionStore.backupCreated === false}
       <span
         on:click={() => goto('/delegate-account')}
-        class="btn btn-sm h-10 btn-warning rounded-full bg-orange-300 border-2 border-neutral font-semiBold text-neutral transition-colors ease-in hover:bg-orange-300"
+        class="btn btn-sm h-10 btn-warning rounded-full bg-orange-300 border-2 border-neutral font-medium text-neutral transition-colors ease-in hover:bg-orange-300"
       >
         <span class="mr-2">Backup recommended</span>
         <Shield />

src/components/nav/AlphaTag.svelte

@@ -1,5 +1,5 @@
 <span
-  class="inline-block px-2 py-[2px] !no-underline font-semiBold text-center text-xs text-neutral bg-gradient-to-r from-orange-600 to-orange-300"
+  class="inline-block px-2 py-[2px] !no-underline font-medium text-center text-xs text-neutral bg-gradient-to-r from-orange-600 to-orange-300"
 >
   ALPHA
 </span>

src/global.css

@@ -3,26 +3,26 @@
 @tailwind utilities;
 
 @font-face {
-  font-family: 'UncutSans_Regular';
+  font-family: 'UncutSans';
   src: url('/fonts/uncut-sans-regular-webfont.woff2') format('woff2'),
         url('/fonts/uncut-sans-regular-webfont.woff') format('woff');
-  font-weight: normal;
+  font-weight: 400;
   font-style: normal;
 }
 
 @font-face {
-    font-family: 'UncutSans_Medium';
+    font-family: 'UncutSans';
     src: url('/fonts/uncut-sans-medium-webfont.woff2') format('woff2'),
          url('/fonts/uncut-sans-medium-webfont.woff') format('woff');
-    font-weight: normal;
+    font-weight: 500;
     font-style: normal;
 }
 
 @font-face {
-  font-family: 'UncutSans_Bold';
+  font-family: 'UncutSans';
   src: url('/fonts/uncut-sans-bold-webfont.woff2') format('woff2'),
         url('/fonts/uncut-sans-bold-webfont.woff') format('woff');
-  font-weight: normal;
+  font-weight: 700;
   font-style: normal;
 }
 
@@ -31,16 +31,16 @@ h1, h2, h3 {
 }
 
 h4, h5, h6 {
-  @apply font-semiBold;
+  @apply font-medium;
 }
 
-body, p, li, a, span, input {
+body, input {
   @apply font-sans;
 }
 
 /* Button default styles */
 .btn {
-  @apply font-semiBold;
+  @apply font-medium;
   @apply border-2;
   @apply min-h-0;
 }

static/ipfs-404.html

@@ -24,7 +24,7 @@
                 d="M5.8 0C2.111 0 .5 1.599.5 5.333v29.334C.5 38.255 2.156 40 5.8 40h29.15c3.674 0 5.301-1.678 5.301-5.333V5.333c0-3.67-1.658-5.333-5.3-5.333H5.8Zm3.82 26.397L11.407 8.2c.165-1.681-1.147-3.138-2.825-3.138-2.04 0-3.579 2.19-3.014 4.276.755 2.793 1.486 6.496 1.533 10.49.027 2.326-.207 4.576-.56 6.615-.354 2.05.202 4.187 1.37 5.81 1.167 1.62 2.912 2.687 4.924 2.687h1.037c2.546 0 4.61-2.077 4.61-4.638v-1.935c0-1.164-.84-2.155-1.982-2.339l-1.412-.228a1.018 1.018 0 0 0-1.174.917l-.008.092a2.158 2.158 0 0 1-2.144 1.969 2.161 2.161 0 0 1-2.142-2.38Zm8.862-5.777v-7.53c0-1.03.83-1.867 1.855-1.867s1.856.836 1.856 1.868v16.246c0 3.094 2.493 5.602 5.567 5.602h.237c3.995 0 6.975-4.28 6.242-8.41-.366-2.06-.62-4.339-.62-6.695 0-4.102.771-7.898 1.563-10.716.554-1.97-.9-4.057-2.825-4.057-1.55 0-2.772 1.33-2.65 2.885l1.446 18.476a2.178 2.178 0 0 1-2.163 2.355 2.175 2.175 0 0 1-2.16-1.984l-1.576-17.26c-.232-2.534-2.343-4.472-4.871-4.472-2.539 0-4.656 1.954-4.873 4.5l-1.046 10.886a2.022 2.022 0 0 0 1.715 2.177 2.017 2.017 0 0 0 2.303-2.004Z"
                 clip-rule="evenodd"></path>
             </svg> <span
-              class="inline-block px-2 py-[2px] !no-underline font-semiBold text-center text-xs text-neutral bg-gradient-to-r from-orange-600 to-orange-300">ALPHA</span>
+              class="inline-block px-2 py-[2px] !no-underline font-medium text-center text-xs text-neutral bg-gradient-to-r from-orange-600 to-orange-300">ALPHA</span>
           </div>
         </div>
         <div class="hidden lg:flex flex-1 items-center cursor-pointer gap-3"><svg xmlns="http://www.w3.org/2000/svg"
@@ -39,7 +39,7 @@
                 clip-rule="evenodd"></path>
             </svg></div>
           <div class="hidden sm:inline-block"><span
-              class="inline-block px-2 py-[2px] !no-underline font-semiBold text-center text-xs text-neutral bg-gradient-to-r from-orange-600 to-orange-300">ALPHA</span>
+              class="inline-block px-2 py-[2px] !no-underline font-medium text-center text-xs text-neutral bg-gradient-to-r from-orange-600 to-orange-300">ALPHA</span>
           </div>
         </div>
       </a>

tailwind.config.cjs

@@ -88,9 +88,7 @@ module.exports = {
         }
       },
       fontFamily: {
-        sans: ['UncutSans_Regular'],
-        semiBold: ['UncutSans_Medium'],
-        bold: ['UncutSans_Bold']
+        sans: ['UncutSans']
       },
       fontSize: {
         mobileNav: ['24px', { lineHeight: '24px' }],
@@ -116,10 +114,6 @@ module.exports = {
       zIndex: {
         max: '1000' // High enough to appear above the modal(999)
       }
-      // spacing: {
-      //   headerHeight: '64px',
-      //   footerHeight: '32px',
-      // },
     }
   },
   purge: {