Ce document fournit des informations techniques sur le fonctionnement lorsque vous demandez une police Web avec l'API Google Fonts.
Ce document fournit également des informations sur les comportements spécifiques des navigateurs.
Si vous souhaitez uniquement utiliser l'API Fonts, vous n'avez pas besoin de lire cette page. Toutefois, la lecture de cette page peut vous aider à améliorer les performances de chargement des pages.
Qu'est-ce que l'API Google Fonts ?
Lorsqu'un navigateur envoie une requête pour une feuille de style de l'API Fonts (comme indiqué dans un
<link> de votre page Web), l'API Fonts diffuse une feuille de style générée pour
le user-agent spécifique
à l'origine de la demande.
Une requête pour Inconsolata depuis Firefox, par exemple, renvoie le CSS suivant:
@font-face {
font-family: 'Inconsolata';
src: local('Inconsolata'), url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw') format('truetype');
}
Une requête provenant d'Internet Explorer, en revanche, renvoie:
@font-face {
font-family: 'Inconsolata';
src: url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
}
Après avoir téléchargé le CSS, le navigateur télécharge la police dans la pour le navigateur.
Comportement spécifique au navigateur
Cette section décrit le comportement par défaut de chaque navigateur avec les polices Web. Notez que vous pouvez contrôler ces comportements Web Font Loader :
Pour obtenir la liste des navigateurs compatibles, consultez la Questions fréquentes.
Google Chrome
Le reste de la page s'affiche dans Chrome, mais tant que la police n'est pas chargée un espace vierge à la place du texte qui utilise la police d’écriture.
Mozilla Firefox
Firefox affiche d'abord le texte dans la police par défaut, puis affiche à nouveau le texte dans la police une fois qu'elle est chargée. Ce comportement est connu sous le nom de "flash d'affichage texte."
Apple Safari
Le reste de la page est affiché dans Safari, mais jusqu'à ce que la police soit chargée, il s'affiche. un espace vierge à la place du texte qui utilise la police d’écriture.
Microsoft Internet Explorer
Internet Explorer affiche le reste de la page, mais tant que la police n'est pas chargée, un espace s'affiche à la place du texte qui utilise la police d'écriture.
Plus généralement, le comportement d'Internet Explorer peut varier en fonction de l'emplacement et l'existence de divers éléments. Si vous souhaitez fournir un comportement cohérent dans tous les navigateurs, utilisez le chargeur de polices Web. Pour exemple, vous pouvez choisir faire en sorte que tous les navigateurs se comportent comme Firefox.