fix: Decrease time to largest contentful paint by preloading font

Studio-Lovelies · Nov 9, 2023 · 61973cf · 61973cf
1 parent 789318f
commit 61973cf
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 0 deletions.
diff --git a/public/views/404.html b/public/views/404.html
@@ -7,6 +7,7 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>404 Not Found</title>
 
+ <link rel="preload" as="font" href="assets/fonts/AvantGardeLT-Medium.otf" type="font/ttf" crossorigin="anonymous">
  <link rel="stylesheet" type="text/css" href="assets/css/default.css">
  <script src="assets/js/default.js"></script>
 

diff --git a/public/views/about.html b/public/views/about.html
@@ -6,6 +6,7 @@
  <meta name="description" content="Welcome to Studio Lovelies!">
  <meta name="theme-color" content="#00adef">
  <link rel="icon" href="assets/images/favicon.png" type="image/png">
+ <link rel="preload" as="font" href="assets/fonts/AvantGardeLT-Medium.otf" type="font/ttf" crossorigin="anonymous">
  <link rel="stylesheet" href="assets/css/default.css" type="text/css">
  <script src="assets/js/default.js"></script>
  <script src="assets/js/tally.js"></script>

diff --git a/public/views/contact.html b/public/views/contact.html
@@ -6,6 +6,7 @@
  <meta name="description" content="Welcome to Studio Lovelies!">
  <meta name="theme-color" content="#00adef">
  <link rel="icon" href="assets/images/favicon.png" type="image/png">
+ <link rel="preload" as="font" href="assets/fonts/AvantGardeLT-Medium.otf" type="font/ttf" crossorigin="anonymous">
  <link rel="stylesheet" href="assets/css/default.css" type="text/css">
  <script src="assets/js/default.js"></script>
 

diff --git a/public/views/index.html b/public/views/index.html
@@ -6,6 +6,7 @@
  <meta name="description" content="Welcome to Studio Lovelies!">
  <meta name="theme-color" content="#00adef">
  <link rel="icon" href="assets/images/favicon.png" type="image/png">
+ <link rel="preload" as="font" href="assets/fonts/AvantGardeLT-Medium.otf" type="font/ttf" crossorigin="anonymous">
  <link rel="stylesheet" href="assets/css/default.css" type="text/css">
  <script src="assets/js/default.js"></script>
 

diff --git a/public/views/projects.html b/public/views/projects.html
@@ -6,6 +6,7 @@
  <meta name="description" content="Welcome to Studio Lovelies!">
  <meta name="theme-color" content="#00adef">
  <link rel="icon" href="assets/images/favicon.png" type="image/png">
+ <link rel="preload" as="font" href="assets/fonts/AvantGardeLT-Medium.otf" type="font/ttf" crossorigin="anonymous">
  <link rel="stylesheet" href="assets/css/default.css" type="text/css">
  <script src="assets/js/default.js"></script>