Source d'information : css-tricks.com
Pour de nombreux concepteurs et développeurs Web qui ont des difficultés avec les polices, les nouvelles d'hier concernant l'API Google Font les ont vraiment rendus heureux. Cette API très simple et pratique comprend un ensemble de bibliothèques de polices et d'outils de prévisualisation, combinés avec Google et TypeKit. Le chargement open source de WebFont. L'outil développé par WebFont permet aux concepteurs Web de référencer facilement des polices personnalisées sur leurs propres sites.
Utiliser l'API Google Web Fonts est aussi simple que de lier un fichier CSS de Google et de référencer le nom de la police dans votre propre définition CSS. Voici une démo pour référence. En fait, l'API Google Web Font est @font-face, et vous pouvez l'implémenter vous-même, mais l'approche de Google présente de nombreux avantages :
Bande passante (la bande passante est prise en charge par Google)
Mise en cache (la même police sera mise en cache sur de nombreux sites et le navigateur pourra l'obtenir directement depuis le cache)
Vitesse (le réseau accéléré de Google CDN est plus rapide que les sites Web de la plupart des gens)
Bien sûr, le chargement des fichiers CSS de Google constitue une charge supplémentaire, mais vous pouvez créer un lien direct vers le fichier de police lui-même, ou même télécharger la police sur le site pour créer votre propre version SVG. De plus, l'API Google Web Font ne prend actuellement pas en charge l'iPhone et l'iPad.
Concernant le chargeur WebFont, il s'agit d'un script JavaScript utilisé pour charger les polices. Il n'est pas nécessaire de l'utiliser, mais son utilisation apportera des avantages supplémentaires. Par exemple, lorsque Firefox charge Google Web Fonts, il affichera une police de remplacement avant que @font-face ne soit complètement chargé. Une fois que @font-face est complètement chargé, la vraie police remplacera la police de remplacement, ce qui fera scintiller la page. , et déroutant, le chargeur WebFont peut résoudre ce problème.
Raph Levien est un créateur de polices qui a conçu la police Inconsolata. Raph est également membre de l'équipe API Google Web Fonts, et cet article est une interview de Raph.
Chris :
Google fait beaucoup de bonnes choses pour les concepteurs de sites Web, y compris certaines qui consomment une grande partie de leur bande passante, comme utiliser leur réseau CDN pour héberger des bibliothèques JavaScript. Permettez-moi d'être un peu sarcastique, qu'est-ce que cela fait exactement à Google ? Bien sûr, cela rendrait les polices Web plus rapides, mais à quoi servirait un Web plus rapide à Google ? Est-ce que l'analyse des données est utile à Google ?
Raph :
Il s'agit simplement de rendre le Web plus rapide et plus riche. Nous ne collectons aucune information personnelle et nos enregistrements de journaux sont uniquement destinés aux statistiques de performances et aux statistiques sur les polices populaires. La meilleure chose à propos de ce service est que, tout comme notre bibliothèque Ajax hébergée, puisque de nombreux sites utilisent ces services, il est facile pour le navigateur de trouver ce qui a déjà été chargé depuis le cache sans avoir à le recharger à chaque fois.
Chris :
Dans le pire des cas, si les polices que vous hébergez tombent en panne, qu’arrive-t-il aux sites qui les référencent ? Des polices alternatives seront-elles utilisées, ou autre chose ?
Raph :
Oui, des polices alternatives sont utilisées, c'est juste du CSS et le concepteur a un contrôle total sur les polices utilisées. De plus, si vous souhaitez avoir un meilleur contrôle, vous pouvez utiliser le chargeur WebFont. Par exemple, lorsque le chargement de la police échoue, vous pouvez utiliser JavaScript pour modifier le CSS. Nous travaillerons également avec tous les principaux développeurs de navigateurs pour améliorer la police Web. expérience.
Chris :
Votre coopération avec TypeKit est très intéressante. Pouvez-vous nous en parler ?
Raph :
TypeKit est la plus avancée des polices Web, et nous les connaissons depuis longtemps (Jeff Veen a en fait travaillé dessus chez Google). Alors, naturellement, nous en avons parlé ensemble. Nos polices ouvertes sont une bonne chose, mais nous souhaitons néanmoins mettre davantage de polices à la disposition des utilisateurs. De plus, nous coopérons également avec d'autres fournisseurs de polices majeurs, notamment Ascender.
Chris :
Certaines polices gratuites ou open source servent généralement de publicités à leurs concepteurs. Est-ce un frein à la bibliothèque de polices Google ? En fin de compte, ces bibliothèques de polices contiennent des polices restreintes.
Raph :
Nous avons eu une excellente réponse jusqu’à présent. Les gens nous fournissent des polices pour toutes sortes de raisons, et l'une des raisons précises est que cela leur apporte plus de trafic pour les aider à vendre davantage de polices haut de gamme. Il y a encore beaucoup de gens qui aiment simplement concevoir des polices. Quoi qu'il en soit, nous sommes convaincus que notre bibliothèque de polices open source deviendra de plus en plus puissante. Cependant, à tout moment, ces fournisseurs de polices professionnels proposent des polices de meilleure qualité.
Source internationale de cet article : CSS TRICKS Google Font API & Interview (Auteur original : Chris Coyier)
Source de compilation chinoise : site Web officiel du système de gestion de contenu du site Web Ruishang Enterprise CMS