From fb6d43a166fc266e6b62f994171217caedfb9f39 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Wed, 13 Dec 2023 22:57:41 -0800
Subject: [PATCH] Preload fonts

Reduces network waterfall clusters from 2 to 1. Type hint removed since WOFF2 is supported on all modern web browsers.
---
 index.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index b90a0cd..c7f283c 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,9 @@
   <meta property="og:url" content="https://cssforlineclampellipsis.com/">
   <link rel="canonical" href="https://cssforlineclampellipsis.com/">
   <link rel="icon" href="data:,">
+  <link rel="preload" href="/Inter.woff2" as="font" crossorigin>
+  <link rel="preload" href="/Inter_Bold.woff2" as="font" crossorigin>
+  <link rel="preload" href="/Source_Code_Pro.woff2" as="font" crossorigin>
   <title>CSS for line clamp ellipsis</title>
   <style>
     @import '/prism.css' layer;
@@ -18,18 +21,18 @@
     @font-face {
       font-family: 'Inter';
       font-weight: 400;
-      src: local('Inter'), url('/Inter.woff2') format('woff2');
+      src: local('Inter'), url('/Inter.woff2');
     }
 
     @font-face {
       font-family: 'Inter';
       font-weight: 700;
-      src: local('Inter'), url('/Inter_Bold.woff2') format('woff2');
+      src: local('Inter'), url('/Inter_Bold.woff2');
     }
 
     @font-face {
       font-family: 'Source Code Pro';
-      src: local('Source Code Pro'), url('/Source_Code_Pro.woff2') format('woff2');
+      src: local('Source Code Pro'), url('/Source_Code_Pro.woff2');
     }
 
     :root {
-- 
2.47.3