Intégrer une police de caractère en optimisant le SEO

[SparH]

Bonjour
j'aimerai utiliser une police de caractère particulière mais sans mettre à mal mon SEO en alourdissant trop mon site.
J'ai trouvé ça https://www.codeur.com/tuto/css/ajo..., il existe une,poids est utilisé en italique.

Ils recommandent de mettre (et donc télécharger) toutes les versions de la police mais du coup c'est très lourd et ça augmentera le temps de chargement de mes pages

@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    src: url(‘/fonts/Roboto-Regular.woff2’) format(‘woff2’),
        url(‘/fonts/Robot-Regular.ttf’) format(‘truetype’)
}
@font-face {
    font-family: 'Roboto';
    font-weight: 700;
    src: url(‘/fonts/Roboto-Bold.woff2’) format(‘woff2’),
        url(‘/fonts/Robot-Bold.ttf’) format(‘truetype’)
}
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    src: url(‘/fonts/Roboto-Italic.woff2’) format(‘woff2’),
        url(‘/fonts/Robot-Italic.ttf’) format(‘truetype’)
}
@font-face {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: italic;
    src: url(‘/fonts/Roboto-Italic-Bold.woff2’) format(‘woff2’),
        url(‘/fonts/Robot-Italic-Bold.ttf’) format(‘truetype’)
}

Est-ce vraiment nécessaire ?

Puis-je faire simplement ça ?

@font-face {
    font-family: 'Roboto';
    src: url(‘/fonts/Roboto-Regular.woff2’) format(‘woff2’),
        url(‘/fonts/Robot-Regular.ttf’) format(‘truetype’)
}

Merci pour vos avis

 

[rick38]

Perso je fais comme ça pour être sûr que ça ne soit pas bloquant :

<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="preload" as="style" onload="this.rel='stylesheet'">

Je me limite à normal et gras léger, ça fait 2 fonts, je pense qu'il faut se limiter au grand maximum à 4.

Et l'italique sur Internet c'est vraiment pas indispensable...

 

[emualliug]

Ils recommandent de mettre (et donc télécharger) toutes les versions de la police mais du coup c'est très lourd et ça augmentera le temps de chargement de mes pages

Ce serait à tester, mais je doute qu'un navigateur télécharge des éléments qui ne seront pas utilisés ensuite dans la page.