fix font family

Author: codercatdev

apps/codingcatdev/src/app.html

@@ -86,6 +86,13 @@
 			sizes="16x16"
 			href="%sveltekit.assets%/icons/favicon-16x16.png"
 		/>
+		<link
+			rel="preload"
+			href="%sveltekit.assets%/fonts/Nunito-VariableFont_wght.ttf"
+			as="font"
+			type="font/ttf"
+			crossorigin
+		/>
 
 		%sveltekit.head%
 	</head>

apps/codingcatdev/src/styles/app.css

@@ -1,3 +1,9 @@
+@font-face {
+	font-family: 'Nunito';
+	src: url('/fonts/Nunito-VariableFont_wght.ttf');
+	font-display: swap;
+}
+
 ::-webkit-scrollbar {
 	@apply h-2;
 }
@@ -43,15 +49,6 @@ h6:hover .permalink {
 	@apply visible w-auto;
 }
 
-/* https://fonts.google.com/specimen/Quicksand?query=Quicksand */
-/* @import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap'); */
-
-@font-face {
-	font-family: 'Quicksand';
-	src: url('/fonts/Quicksand-VariableFont_wght.ttf');
-	font-display: swap;
-}
-
 [data-theme='codingcatdev'] h1,
 [data-theme='codingcatdev'] h2,
 [data-theme='codingcatdev'] h3,

apps/codingcatdev/static/fonts/Nunito-VariableFont_wght.ttf

@@ -3,8 +3,8 @@ import type { CustomThemeConfig } from '@skeletonlabs/tw-plugin';
 export const codingCatDevTheme: CustomThemeConfig = {
 	name: 'codingcatdev',
 	properties: {
-		'--theme-font-family-base': "'Quicksand', sans-serif",
-		'--theme-font-family-heading': "'Quicksand', sans-serif",
+		'--theme-font-family-base': "'Nunito', sans-serif",
+		'--theme-font-family-heading': "'Nunito', sans-serif",
 		'--theme-font-color-base': 'var(--color-surface-900)',
 		'--theme-font-color-dark': 'var(--color-tertiary-50)',
 		'--theme-rounded-base': '12px',