Media-querie et chargement fonts.googleapis.com

Bonjour à tous,

J'aimerai charger der fonts en fonction de l'écran
- aucune font charger si width <480
- 2 fonts chargées si 480 < width <768
- 3 fonts chargées si width > 768

				<link rel="stylesheet" type="text/css" media="screen and ((min-width: 480px) and (max-width: 768px))" href="https://fonts.googleapis.com/css?family=Offside%7CFredericka+the+Great" />
		<link rel="stylesheet" type="text/css" media="screen and (min-width: 768px)" href="https://fonts.googleapis.com/css?family=Offside%7CFredericka+the+Great%7CClicker+Script" />

mais quand je regarde sous ff ou chrome en adaptatif il charger les deux instruction quelque sois la largeur?

Hello,

La réponse est sans doute plus simple que tu ne le penses, et tu devrais avoir une bonne piste ici : https://forum.alsacreations.com/topic-27-80733-1.html

Bonne chance

je te remercie @raphael j'était persuadé qu'elle était chargé même si elle était pas appelé.

Q'entends tu par

Du coup, il suffit de faire ainsi : commencer par charger la police Google chez toi pour éviter les soucis de "third parties", puis :

tu veux dire la charger directement depuis son serveur au lieu de la chargé depuis les serveurs de google?

même en terme de perf et notamment en raison des limite de téléchargement en parallèle en http1 m'est il pas préférable de les charger depuis ggogle?

Hello,

Un article complet ici : https://www.alsacreations.com/article/lire/1695-partis-tiers-impacts-sur-la-vitesse-de-vos-sites.html