Improve font loading performance (#10)

germanfrelo · Mar 5, 2023 · e63c45d · e63c45d
1 parent 8d7dd98
commit e63c45d
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 15 deletions.
diff --git a/src/_includes/layouts/base.html b/src/_includes/layouts/base.html
@@ -2,11 +2,19 @@
 <html lang="es-ES" class="no-js" data-theme="system">
 	<head>
 		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
-		<title>
-			{%- if title -%}{{ title }} | {{ site.title }}{%- else -%}{{ site.title
-			}}{%- endif -%}
-		</title>
+		<link
+			rel="preconnect"
+			href="https://fonts.googleapis.com"
+		/>
+		<link
+			rel="preconnect"
+			href="https://fonts.gstatic.com"
+			crossorigin
+		/>
+		<link
+			rel="stylesheet"
+			href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"
+		/>
 		<link
 			rel="stylesheet"
 			href="https://germanfrelo.github.io/base-css-stylesheet/base.css"

diff --git a/src/assets/css/my-css-styles.css b/src/assets/css/my-css-styles.css
@@ -1,6 +1,5 @@
 /*
 	STRUCTURE:
-	0. At-rules
 	1. Global custom properties
 	2. Global and inherited styles
 	3. Composition / Layout primitives
@@ -9,21 +8,14 @@
 	6. Exceptions
 */
 
-/* ============ 0. AT-RULES ============ */
-
-@import "https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/inter.min.css";
-
 /* ============ 1. GLOBAL CUSTOM PROPERTIES ============ */
 
 :root {
 	--color-scheme: light dark;
 
 	/* Font Family */
-	--ff-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
-		"Roboto", "Helvetica", "Arial", sans-serif, "Apple Color Emoji",
-		"Segoe UI Emoji";
-	--ff-mono: ui-monospace, "SFMono-Regular", "Consolas", "Liberation Mono",
-		"Menlo", monospace;
+	--ff-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+	--ff-mono: ui-monospace, "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace;
 
 	/* Font Weight */
 	--fw-700: 700;