5 des meilleurs outils de police CSS3

Amélioration de la conception Web: guide recommandé et utilisé pour les cinq principaux outils de police CSS3

La police joue un rôle crucial dans la conception Web. Cet article présentera cinq puissants outils de police CSS3 pour vous aider à sélectionner et à appliquer facilement les polices et à améliorer votre niveau de conception Web.

Points clés:

• Les polices Web Google, Squirrel de police, Dragr de police, Fffallback et WhatFont sont plusieurs excellents outils de police CSS3 qui fournissent des ressources de police et des fonctionnalités riches telles que la correspondance et la reconnaissance des polices.
• Google Web Fonts propose plus de 200 polices gratuites et résout des problèmes de vitesse de téléchargement avec CDN. Font Squirrel propose des centaines de polices libres de haute qualité disponibles dans le commerce, ainsi qu'un générateur @ font-face qui génère une variété de formats de pages Web et d'exemple de code CSS.
• fffallback.com est un outil de marque qui aide les utilisateurs à consulter l'affichage du site Web sous différentes polices, identifiant ainsi les problèmes de mise en forme potentiels. WhatFont est un autre outil de marque qui aide à identifier les types de polices et les tailles de polices attrayantes.

Étant donné que le navigateur a ajouté le support graphique, les polices ont l'impact le plus significatif sur les effets visuels de la page Web. Il y a quelques années, le site Web n'a utilisé que presque Arial, Verdana, Tahoma, Times New Roman ou la Géorgie (ou pire comic sans). Bien que les piles de polices standard soient bien, elles peuvent sembler un peu monotones. Internet Explorer a commencé à prendre en charge les polices Web il y a plus d'une décennie, mais il a fallu plus de temps aux autres navigateurs pour rattraper leur retard. La licence est toujours un problème - vous ne pouvez pas utiliser de polices commerciales - mais vous devriez être en mesure de trouver des polices qui permettent aux pages Web d'utiliser ou de polices qui ressemblent au style de votre entreprise. Cependant, plus il y a de choix, plus la responsabilité est grande. Heureusement, il existe plusieurs outils en ligne qui peuvent vous aider à trouver et à utiliser les polices CSS3…

1. Si vous n'avez pas encore visité Google Web Fonts, qu'avez-vous manqué? Google propose plus de 200 polices, et ses outils de censure sont incroyables. Vous pouvez télécharger n'importe quel fichier de police, mais l'outil permet également aux développeurs d'importer des polices via des balises de liaison HTML, des déclarations CSS @Import ou des extraits JavaScript. Google met en évidence les problèmes potentiels de vitesse de téléchargement, mais comme vous pouvez utiliser son CDN, vous n'avez pas à vous soucier des problèmes d'hébergement. Ai-je mentionné que c'est totalement gratuit? Google Web Fonts répondra aux besoins des concepteurs les plus exigeants.

2.

La police est excellente - surtout si vous êtes contrarié de remettre toutes les responsabilités de la police à Google. Le site Web propose des centaines de polices de haute qualité qui sont gratuites pour un usage commercial. Vous pouvez télécharger des fichiers de polices TTF, EOT, WOFF et SVG, ainsi que les boîtes à outils @ FONT-FACE qui fournissent du code pare-balles et des exemples qui fonctionnent correctement dans tous les principaux navigateurs. Toujours pas satisfait? Téléchargez le fichier de police sous licence sur le générateur de Font-Face; Combien est ce service que vous êtes prêt à dépenser? Cela ne vous coûtera pas un sou.

3. Toutes les polices ne conviennent pas pour une utilisation sur les pages Web. Des polices comme Helvetica et Géorgie sont conçues pour bien s'afficher à l'écran, mais toutes les polices ne sont pas les mêmes - en particulier en petites tailles. Vous devez donc tester la police de script médiéval avant de l'ajouter à la page. Le drag de police rend cela facile - faites glisser le fichier de police sur la page et le texte changera par magie.

4.

Tous les utilisateurs ne peuvent pas vivre vos belles polices. Les utilisateurs utilisant des navigateurs plus anciens peuvent ne pas prendre en charge les polices Web, et vous avez de bonnes raisons d'éviter de les utiliser sur les appareils mobiles. Heureusement, CSS prend en charge les piles de polices de secours: les polices essaient dans l'ordre jusqu'à ce que l'on soit trouvé. Cependant, les polices sont de tailles et d'espacement différentes, donc une police de secours spécifique peut ruiner votre conception. Fffallback.com est un excellent outil de marque qui montre à quoi ressemble votre site Web sous différentes polices. Il superpose une copie de la page en haut de la page d'origine, afin que vous puissiez immédiatement repérer les problèmes de formatage.

5.

Si vous trouvez une belle police dans la nature, Whatfont est un autre outil de marque qui vous aidera à identifier les types de polices et les tailles. Lancez l'outil et survolez n'importe quel élément ou cliquez sur n'importe quel élément. Quoi d'autre est plus facile que cela?

outil de police supplémentaire:

Fontstruct et BitFontmaker vous permettent de créer vos propres polices si vous avez le temps et l'intérêt. Les deux offrent une gamme de polices gratuites créées par des artistes talentueux. La matrice de police et les polices communes répertorient les polices de secours primaires et alternatives sur Windows et Mac. Vérifiez toujours ces premiers - si les polices sont universellement disponibles sur la plupart des plateformes, il n'est pas nécessaire d'utiliser des polices Web.

Connaissez-vous d'autres excellents outils de police?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!