Le choix de la bonne police est un aspect important de tout projet de conception Web. Il existe des centaines, voire des milliers, d'excellentes options et beaucoup peuvent être utilisées avec des licences gratuites grâce à des outils tels qu'Adobe Typekit et Google Fonts.
Mais un service est-il meilleur que l'autre? Existe-t-il un avantage pour Google Fonts ou Typekit par rapport aux autres? Et comment pouvez-vous commencer à utiliser ces outils si vous ne les avez pas encore utilisés? Vous avez de la chance, car nous répondrons aujourd'hui à ces questions.
Services de polices Web
Adobe Typekit et Google Fonts sont deux services de polices Web différents. Cela signifie que les outils utilisent un peu d'assistant CSS pour fournir des polices aux navigateurs Web afin de restituer les polices de caractères sur votre site Web.
Il existe quelques autres services de polices Web, mais la plupart d'entre eux sont beaucoup plus petits que ces deux grands. Beaucoup de maisons de typographie proposent des polices Web pour leurs polices de signature et font des détaillants de polices.
Nous allons dissocier Typekit et Google Fonts de leur attrait plus universel et de leur popularité.
Adobe Typekit
Typekit fait partie de la suite logicielle Creative Cloud d'Adobe, bien que les développeurs puissent acheter des polices autonomes via le service sans ajouter de package logiciel complet. Typekit est devenu le géant des polices Web en matière de diffusion en continu, en partie grâce à l'inclusion de l'outil dans Creative Cloud. Les abonnés Adobe reçoivent Typekit dans le cadre de leurs packages logiciels fournis.
Avantages
- Polices de grande qualité
- Bibliothèque massive à choisir
- Gratuit pour les abonnés Adobe Creative Cloud
- L'interface est lisse et facile à utiliser et comprend des outils utiles tels que des listes de navigation
- Les polices sont également synchronisées avec les produits Adobe sur votre bureau afin que vous puissiez les utiliser pour tous les projets.
Les inconvénients
- Ne fonctionne pas avec certains logiciels plus anciens (Windows 2000 ou Mac OS 10.3 ou antérieur)
- Quelques problèmes de compatibilité avec les anciens navigateurs
- Peut être une option coûteuse pour les utilisateurs non-Adobe
Google Fonts
L'intégration de Google Fonts est une option entièrement gratuite, ce qui la rend populaire auprès des utilisateurs de WordPress et des constructeurs de kits de thèmes et d'interfaces utilisateur. Les polices sont faciles à intégrer et à télécharger, avec un nombre croissant de polices.
Avantages
- 100% gratuit
- Fournit l'occasion à de nombreux typographes d'être inclus (vous pouvez demander à soumettre votre propre police)
- L'interface facilite la visualisation des polices en cours d'utilisation
- Les outils d'appariement et d'apparence de police sont faciles à utiliser
- Analytics affiche les polices les plus populaires en fonction de leur utilisation sur le Web
- Les temps de chargement ont tendance à être rapides et fiables
Les inconvénients
- Les polices Open Source peuvent avoir des problèmes de qualité
- La bibliothèque peut être un peu plus limitée et vous devrez peut-être remplacer les polices entre les projets imprimés et en ligne.
- Trouver des polices de caractères peut être un peu maladroit si vous ne savez pas ce que vous recherchez
Briser les outils
En ce qui concerne le streaming de polices Web, il existe également quelques points communs avec une telle plate-forme. La première décision à prendre est donc de déterminer si l’utilisation d’un service de polices Web en continu pour votre site Web convient parfaitement à votre projet.
Le streaming de polices Web, en général, vous offre de nombreuses options de polices de caractères à un coût inimaginable si vous achetiez des polices de caractères. La mise en œuvre et l'utilisation sont plutôt faciles et quiconque possède des connaissances en programmation peut le gérer facilement. Les utilisateurs ne savent pas ce que vous utilisez et ne peuvent pas vraiment voir? une différence.
Le principal inconvénient des services de polices en streaming sur le Web est que vous êtes à la merci de serveurs de polices appartenant à quelqu'un d'autre. S'ils ont un problème de service, vous aussi. Heureusement, Adobe Typekit et Google Fonts ont tous deux fait leurs preuves en matière de rester en ligne.
Si vous n'êtes pas vendu avec des polices Web en streaming, vous pouvez envisager d'autres options.
- Empilement de polices: Il s’agit d’une technique CSS dans laquelle vous créez une liste de polices (dans l’ordre dans lequel vous souhaitez les utiliser). Vous n'avez pas de manière fiable une police spécifique ici, mais une liste d'options pouvant apparaître sur votre site à tout moment. C'est une option gratuite et rapide à charger, mais qui pourrait donner lieu à des visuels variés.
- Polices auto-hébergées: Cette technique vous permet d’utiliser les polices que vous possédez et d’avoir une licence dans les projets de sites Web. La mise en œuvre peut s'avérer un peu plus délicate pour le concepteur de site Web occasionnel et vous devez évidemment héberger votre site Web sur votre propre serveur. Certaines polices devront être converties en différents types de fichiers pour une utilisation Web. Il est donc essentiel de disposer de la licence appropriée. Il y a aussi le problème du rendu: les polices d’impression et d’écran sont souvent optimisées différemment.
Ce qui est mieux?
Alors, que devriez-vous utiliser - Adobe Typekit, Google Fonts, une autre solution entièrement? Cela dépend vraiment de votre niveau de confort avec les outils et de la façon dont vous les utilisez. Peut-être avez-vous même tous les outils, en fonction du type de projet.
Simplement, il n'y a pas de bon ou de mauvais service.
Alors qu'utiliseriez-vous?
OK, je sais, vous êtes venu ici pour chercher des réponses. Bien que vous ayez maintenant quelques faits pour vous aider à prendre une décision, vous recherchez toujours une suggestion. Je ne vais pas vous dire quel choix faire. Mais je peux vous dire ce que j'utilise.
En tant qu'abonné Adobe Creative Cloud, j'utilise Typekit. C'est facile. Il s'intègre à tous mes autres logiciels. Et j'adore l'interface glissante. (Je veux utiliser des choses bien conçues tout autant que de les créer.)
Ce n'est pas que Typekit est forcément mieux, mais c'est mieux pour moi. Cela ne coûte rien et je peux utiliser les polices de caractères pour les projets imprimés et numériques, ce qui crée une cohérence parfaite entre les projets que je souhaite. (Je déteste devoir jouer les polices de changement par jeu moyen.)
J'utilise Typekit depuis un moment - même avant que cela fasse partie de la collection Adobe - et cela s'est amélioré. Il comprend d'excellentes fonctionnalités et une police de caractère ne me manque jamais (bien que le nombre d'options puisse être parfois écrasant).J'aime ce que Google Fonts fait avec l'open source, mais pour moi, Typekit est tout simplement plus simple.
Conclusion
La manière dont vous gérez et utilisez les polices dans vos projets et sur vos sites Web constitue une partie importante du processus de conception. Votre budget et votre niveau de confort avec les outils disponibles détermineront probablement la méthode que vous choisissez.
Tous ces services s’améliorent et évoluent constamment pour le mieux. Gardez un œil ouvert pendant que vous travaillez et jouez avec de multiples options pour différents types de projets afin de déterminer ce qui vous convient le mieux.
Google Fonts
Google Fonts est une bibliothèque de plus de 800 types de caractères différents, totalement prête à être intégrée dans votre projet Web. Cette série présente les polices Google et présente des exemples intéressants et des combinaisons de polices permettant de faire passer votre projet au niveau supérieur.