Chargement des polices et media="print"

Bonjour,

J'utilise les valeurs suivantes pour charger ma police sur un site Internet :

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;1,300;1,400&display=swap" rel="stylesheet">

et dans mon CSS :

html {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px !important;}

Lors du chargement de la page, parce que l'option du font-display est à swap, je vois à l'écran le remplacement de la police. Ce qui me gêne. J'ai essayé de le passer à

block

, cela n'a rien changé.

J'ai essayé d'ajouter media="print" onload="this.media='all'", ainsi ;

<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;1,300;1,400&display=swap" rel="stylesheet" media="print" onload="this.media='all'">

cela n'a rien changé non plus. Par contre, en faisant une mauvaise manipulation, je me suis rendu compte qu'avec la ligne suivante ;

<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;1,300;1,400&display=swap" rel="stylesheet" media="print"

le résultat est juste parfait. Ma police apparaît directement correctement et incroyablement rapidement. En l'occurrence, ce n'est pas un usage conventionnel de media="print", et je me doute bien que ce n'est pas une bonne pratique.

L'un d'entre vous pourrait-il m'aider à trouver une explication et une manière de faire apparaître ma police correctement avec les bons usages ?

Cordialement,

Celio