sans-serif as inter fallback

rubenfiszel · rubenfiszel · commit 78004a1ece3f · 2024-04-05T00:41:25.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -14,6 +14,7 @@
 
 @layer base {
 	@font-face {
+		font-display: swap;
 		font-family: 'Inter';
 		src: url('/Inter-Variable.ttf');
 		font-weight: 100 900;
@@ -28,7 +29,7 @@ body * {
 :root {
 	--ifm-navbar-background-color: white;
 	--ifm-background-color: white;
-	--ifm-font-family-base: 'Inter', 'Inter';
+	--ifm-font-family-base: 'Inter', 'sans-serif';
 	--doc-sidebar-width: 320px !important;
 	--ifm-color-primary: rgb(59, 130, 246);
 	--ifm-color-primary-dark: rgb(37, 102, 206);
@@ -447,15 +448,15 @@ div.testimonials a:hover .wm-name {
 }
 
 .custom-link {
-    color: inherit;
-    text-decoration: underline dashed;
-    text-decoration-thickness: 0.5px;
+	color: inherit;
+	text-decoration: underline dashed;
+	text-decoration-thickness: 0.5px;
 }
 
 .custom-link:hover {
-    color: rgb(42, 77, 173);
-    text-decoration: underline dashed;
-    text-decoration-thickness: 0.5px;
+	color: rgb(42, 77, 173);
+	text-decoration: underline dashed;
+	text-decoration-thickness: 0.5px;
 }
 
 .reset table {
@@ -481,29 +482,29 @@ div.testimonials a:hover .wm-name {
 }
 
 .tooltip-icon {
-    position: relative;
-    cursor: pointer;
+	position: relative;
+	cursor: pointer;
 }
 
 .tooltip-text {
-    visibility: hidden;
-    width: 300px;
-    background-color: #0f172a;
-    color: #fff;
-    text-align: center;
-    border-radius: 6px;
-    padding: 5px 0;
-    position: absolute;
-    z-index: 1;
-    bottom: 125%;
-    left: 50%;
-    margin-left: -60px;
-
-    opacity: 0;
-    transition: opacity 0.3s;
+	visibility: hidden;
+	width: 300px;
+	background-color: #0f172a;
+	color: #fff;
+	text-align: center;
+	border-radius: 6px;
+	padding: 5px 0;
+	position: absolute;
+	z-index: 1;
+	bottom: 125%;
+	left: 50%;
+	margin-left: -60px;
+
+	opacity: 0;
+	transition: opacity 0.3s;
 }
 
 .tooltip-icon:hover .tooltip-text {
-    visibility: visible;
-    opacity: 1;
-}
+	visibility: visible;
+	opacity: 1;
+}
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -17,7 +17,7 @@ module.exports = {
 		},
 		fontFamily: {
 			// add double quotes if there is space in font name
-			main: ['Inter', 'Arial'],
+			main: ['Inter', 'sans-serif'],
 			mono: [
 				'ui-monospace',
 				'SFMono-Regular',
