Ce document fournit des informations techniques sur ce qui se passe en arrière-plan lorsque vous demandez une police Web avec l'API Google Fonts.
Ce document fournit également des informations sur le comportement propre au navigateur.
Si vous souhaitez simplement utiliser l'API Fonts, vous n'avez pas besoin de lire cette page. Toutefois, cette page peut vous aider à améliorer les performances de chargement des pages.
Que sert l'API Google Fonts ?
Lorsqu'un navigateur envoie une requête pour une feuille de style d'API Fonts (telle que spécifiée dans une balise <link> sur votre page Web), l'API Fonts diffuse une feuille de style générée pour le user-agent spécifique qui effectue la requête.
Par exemple, une requête pour Inconsolata à partir de Firefox renvoie le code CSS suivant:
@font-face {
font-family: 'Inconsolata';
src: local('Inconsolata'), url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw') format('truetype');
}
En revanche, une requête provenant d'Internet Explorer renvoie:
@font-face {
font-family: 'Inconsolata';
src: url('https://themes.googleusercontent.com/fonts/font?kit=J_eeEGgHN8Gk3Eud0dz8jw');
}
Une fois le code CSS téléchargé, le navigateur télécharge la police au format approprié.
Comportement en fonction du navigateur
Cette section décrit le comportement par défaut de chaque navigateur avec des polices Web. Notez que vous pouvez contrôler ces comportements à l'aide du chargeur de police Web.
Pour obtenir la liste des navigateurs compatibles, consultez les questions fréquentes.
Google Chrome
Chrome affiche le reste de la page, mais jusqu'à ce que la police soit chargée, un espace vide s'affiche à la place du texte qui utilise la police.
Mozilla Firefox
Dans un premier temps, Firefox affiche le texte dans la police par défaut, puis l'affiche à nouveau après son chargement. C'est ce qu'on appelle un "Flash" de texte sans style.
Apple Safari
Safari affiche le reste de la page, mais jusqu'à ce que la police soit chargée, un espace vide s'affiche à la place du texte qui utilise la police.
Microsoft Internet Explorer
Internet Explorer affiche le reste de la page, mais jusqu'à ce que la police soit chargée, un espace vide s'affiche à la place du texte qui utilise la police.
Plus généralement, le comportement d'Internet Explorer peut varier en fonction de l'emplacement et de l'existence de divers éléments. Pour assurer un comportement cohérent sur tous les navigateurs, utilisez le chargeur de polices Web. Par exemple, vous pouvez choisir de faire en sorte que tous les navigateurs se comportent comme Firefox.