Quelle est la meilleure façon d’inclure Google Web Fonts vers une page ?
- par l’intermédiaire de la balise de lien ?
``
- par l’intermédiaire de l’importation dans une feuille de style ?
``
- ou utiliser le chargeur de polices web
Réponse
Trop de publicités?
Pour 90%+ des cas, vous souhaiterez probablement l' <link> balise. En règle générale, vous souhaitez éviter @import règles parce qu'ils différer le chargement des ressources jusqu'à ce que le fichier est récupéré.. et si vous avez un processus de construction qui "aplatit" le @import, puis vous créez un autre problème avec les polices web: dynamique des fournisseurs comme Google WebFonts servir de plate-forme de versions spécifiques des polices, donc si vous suffit d'insérer le contenu, puis vous vous retrouverez avec un cassé polices sur certaines plates-formes.
Maintenant, pourquoi voudriez-vous utiliser les polices web loader? Si vous avez besoin de remplir de contrôle sur la façon dont les polices sont chargés. La plupart des navigateurs de reporter la peinture le contenu à l'écran jusqu'à ce que le CSS est téléchargé et appliqué - ce qui évite le "flash de non stylé contenu" problème. L'inconvénient est.. vous pouvez avoir un supplément de pause et de retarder jusqu'à ce que le contenu soit visible. Avec la JS chargeur, vous pouvez définir comment et quand les polices deviennent visibles.. par exemple, vous pouvez même fondu dans après le contenu original est peint sur l'écran.
Une fois de plus, 90% des cas est l' <link> balise: utiliser une bonne CAN et les polices va descendre vite et même plus probablement, être servis à partir de la mémoire cache.
Pour plus d'infos, et un regard en profondeur sur Google Web Fonts, découvrez cette couche de diffusion vidéo: https://www.youtube.com/watch?v=sqesm0euf9M
