1335 sujets

Web Mobile et responsive web design

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?
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?