feat: No fonts by default.

Author: danimalweb

src/css/base/structure.css

@@ -6,12 +6,8 @@ main {
   @apply flex-auto;
 }
 
-footer {
-  @apply bg-gray-100;
-}
-
 body {
-  @apply flex min-h-full flex-col font-roboto antialiased;
+  @apply flex min-h-full flex-col antialiased;
 
   &.no-fout {
     @apply invisible;

src/js/app.ts

@@ -1,7 +1,7 @@
 import { Scripts } from '@/js/types/types';
 import { loadScripts } from '@/js/helpers/scriptLoader';
-import * as WebFont from 'webfontloader';
-import { WebFontInterface } from '@/js/types/types';
+// import * as WebFont from 'webfontloader';
+// import { WebFontInterface } from '@/js/types/types';
 
 // Import CSS
 import '@/css/app.css';
@@ -10,18 +10,18 @@ const init = () => {
   // JavaScript to be fired on all pages
 
   // Config for WebFontLoader
-  const fontConfig: WebFontInterface = {
-    classes: false,
-    events: false,
-    google: {
-      families: ['Roboto:300,400,500,700'],
-      display: 'swap',
-      version: 1.0,
-    },
-  };
+  // const fontConfig: WebFontInterface = {
+  //   classes: false,
+  //   events: false,
+  //   google: {
+  //     families: ['Roboto:300,400,500,700'],
+  //     display: 'swap',
+  //     version: 1.0,
+  //   },
+  // };
 
-  // Load Fonts
-  WebFont.load(fontConfig);
+  // // Load Fonts
+  // WebFont.load(fontConfig);
 
   // Define the selectors and src for dynamic imports
   const scripts: Scripts = [

src/js/types/types.ts

@@ -2,11 +2,14 @@
 export interface WebFontInterface {
   classes: boolean;
   events: boolean;
-  google: {
+  google?: {
     families: string[];
     display: string;
     version: number;
   };
+  typekit?: {
+    id: string;
+  };
 }
 
 export interface Scripts extends Array<Script> {}

tailwind.config.ts

@@ -22,7 +22,7 @@ export default {
       xl: '1366px',
     },
     fontFamily: {
-      roboto: ['Roboto'],
+      // roboto: ['Roboto'],
     },
   },
   plugins: [