<h1 id="2022-01-14">2022-01-14<a aria-hidden="true" class="anchor-heading icon-link" href="#2022-01-14"></a></h1>
<p><a class="color-tag" style="--tag-color: #edc8ff;" href="/notes/c600e384-86f7-4f15-8c7d-03147c96f26e">#dev</a></p>
<h2 id="optimisation-du-chargement-des-fonts-sur-le-projet-hominem">Optimisation du chargement des fonts sur le projet <a href="/notes/EQNefzZZngvuRsQJKDg1B">Hominem</a><a aria-hidden="true" class="anchor-heading icon-link" href="#optimisation-du-chargement-des-fonts-sur-le-projet-hominem"></a></h2>
<ul>
<li>Dans un projet <a href="/notes/bg2djWRiexTnlcKR9y7PK">Vuejs</a> <p></p><div class="portal-container">
<div class="portal-head">
<div class="portal-backlink">
<div class="portal-title">From <span class="portal-text-title">CSS Vuejs</span></div>
<a href="/notes/x3zquaa9ErZDqc8M7aPmV" class="portal-arrow">Go to text <span class="right-arrow">→</span></a>
</div>
</div>
<div id="portal-parent-anchor" class="portal-parent" markdown="1">
<div class="portal-parent-fader-top"></div>
<div class="portal-parent-fader-bottom"></div><h3 id="optimisation">Optimisation<a aria-hidden="true" class="anchor-heading icon-link" href="#optimisation"></a></h3>
<ul>
<li><a href="https://blog.logrocket.com/best-practices-for-loading-fonts-in-vue/">Best practices for loading fonts in Vuejs - LogRocket Blog</a></li>
<li><a href="https://www.catagec.com/blog/loading-local-fonts-with-vue-cli-4/">How to Load Local Fonts with Vue CLI 4 in Vuejs 3</a></li>
</ul>
</div></div><p></p></li>
<li>Dans un projet pur <a href="/notes/sy65gpIIR4uL1kM0FmouR">CSS</a> <p></p><div class="portal-container">
<div class="portal-head">
<div class="portal-backlink">
<div class="portal-title">From <span class="portal-text-title">CSS fonts</span></div>
<a href="/notes/TUQUuxfuIkxaN24OLlj4n" class="portal-arrow">Go to text <span class="right-arrow">→</span></a>
</div>
</div>
<div id="portal-parent-anchor" class="portal-parent" markdown="1">
<div class="portal-parent-fader-top"></div>
<div class="portal-parent-fader-bottom"></div><h2 id="optimisation-1">Optimisation<a aria-hidden="true" class="anchor-heading icon-link" href="#optimisation-1"></a></h2>
<ul>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Fonts/Variable_Fonts_Guide">Variable fonts guide - CSS: Cascading Style Sheets | MDN</a></li>
<li><a href="https://web.dev/font-display/?utm_source=lighthouse&#x26;utm_medium=devtools">Ensure text remains visible during webfont load</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types/preload">Link types: preload - HTML: HyperText Markup Language | MDN</a></li>
<li><a href="http://www.bramstein.com/writing/preload-hints-for-web-fonts.html">Preload Hints For Web Fonts - Bram Stein</a></li>
</ul>
</div></div><p></p></li>
</ul>

Optimisation du chargement des fonts sur le projet

2022-01-14


![](/assets/images/logo.svg){width: 20%, opacity: 0.7, float: right, margin: 20px, border: 5px solid black}

👋 Hi, I'm Arnaud!

Welcome to my digital garden. This my online home for incubating new ideas. I aim to help future readers (including myself) grow these snippets into serendipidata.

The site structure is constantly evolving, but you are welcome to browse. Here's why I started tending a digital garden.


2022-01-14

Optimisation du chargement des fonts sur le projet Hominem

Optimisation

Optimisation