Web font(s)
This article outlines how Cartzilla optimizes web font loading by implementing local font storage and preloading techniques. These practices are crucial for enhancing site performance and minimizing layout shifts during page load.
Preloading local web fonts
Cartzilla stores local fonts in the assets/fonts folder and preloads them in the <head> section of the HTML document to ensure they are available as soon as the page begins to render:
<!-- Preloaded local web font (Inter) -->
<link rel="preload" href="assets/fonts/inter-variable-latin.woff2" as="font" type="font/woff2" crossorigin>