Les « polices Web » et les « polices Web sécurisées » sont deux concepts différents liés à l'utilisation de polices sur les sites Web. Avant de commencer, clarifions un peu la terminologie. Quelle est la différence entre les polices déjà installées sur votre appareil et celles que vous devez télécharger ?

  1. Polices sécurisées pour le Web : également appelées « polices système » ou « polices de navigateur » polices sécurisées pour le Web sont des polices installées sur tous les appareils et navigateurs.

      2. Polices Web : bien que flou, polices Web faire référence à toutes les polices qui aucun sont des polices sécurisées pour le Web, en particulier des polices commerciales et développées indépendamment.

Ainsi, les polices Web sécurisées sont les plus courantes disponibles sur Windows ou Mac, Chrome ou Safari. Ainsi, les polices Web ne sont pas si simples sont disponibles et vous devez généralement les télécharger et les installer vous-même.

Le livre est un roman. Comment créer?

Lequel devriez-vous utiliser dans la conception de sites Web ?

Ils ont tous les deux le leur avantages et inconvénients.

Pour la conception Web, qui est le support couvert dans cet article, le principal avantage des polices Web sécurisées est qu'elles se chargent plus rapidement, réduisant ainsi le temps de chargement de votre site. Ce n'est pas une grande différence, mais si vous voulez réduire chaque milliseconde perdue, c'est important.

L’inconvénient des polices Web sécurisées est qu’elles sont génériques. Ils n’ont rien d’unique ou d’original – ils sont littéralement accessibles à tout le monde. Si vous voulez du style ou du talent artistique, vous devrez utiliser une police Web différente.

Les polices Web sont beaucoup plus variées ; il s'agit d'un ensemble de polices qui sont constamment ajoutées et étendues. Vous pouvez obtenir les meilleures polices Web pour votre marque, spécialement conçues en fonction de ce que vous recherchez, ou vous pouvez obtenir une licence pour une police existante en ligne à partir d'un hub de polices. Leur principal avantage est bien entendu l’originalité. Si vous voulez une police qui se démarque, les polices Web sécurisées ne le feront pas.

Si vous avez du mal à prendre une décision, consultez cet organigramme utile de David Gilbertson de Hackernoon (gardez à l'esprit qu'il utilise « polices système » pour signifier « polices sécurisées pour le Web »).

Qu’en est-il de l’esthétique des polices personnalisées ?

Mais choisir entre les meilleures polices Web et les meilleures polices Web n'est pas votre seule décision. Vous devez également décider quel style de typographie conviendra à votre marque et aux fonctionnalités de votre site. Différentes polices conviennent mieux aux longs blocs de texte qu'aux titres accrocheurs, sans parler de l'impact qu'elles ont sur la perception de votre marque.

Dans ce guide, nous les répartissons tous en trois catégories en fonction de l'esthétique de la police : avec empattement, sans empattement et décoratif. Pour ceux qui ne le savent pas, les empattements sont ces petites marques ou « drapeaux » qui apparaissent parfois à la fin des lettres. Nous expliquerons l'utilisation recommandée de chacun ci-dessous, ainsi que leur impact sur votre identité de marque.

 

Quand utiliser les polices Web Serif dans la conception Web

Les empattements ont une longue histoire en typographie. Mais si vous recherchez des polices pour des sites Web, tout ce que vous devez savoir, c'est que les empattements se situent du côté « sérieux » du spectre. Cela les rend excellent pour les marques professionnelles et officielles, mais un peu incohérent pour les marques conviviales et décontractées si elles ne sont pas configurées en conséquence.

Que vous recherchiez la meilleure police Web ou la meilleure police Web, les empattements sont les meilleurs pour les marques qui souhaitent transmettre autorité, sophistication et classe. Ils ont un attrait classique de l'histoire, ils fonctionnent donc bien avec des marques qui existent depuis longtemps, ou des marques qui le souhaitent. ressemble à . Le compromis est que les polices serif peuvent être perçues comme sérieuses, peut-être trop formelles, donc si vous les utilisez, elles doivent fonctionner avec les valeurs de votre marque afin de ne pas être rebutantes. public cible.

Il convient également de noter que les polices serif sont faciles à lire, c'est pourquoi elles sont souvent utilisées pour le corps du texte, les titres et les sous-titres. Cela ne veut pas dire que Les polices sans empattement sont difficiles à lire ; ils sont bien adapté aux longs blocs de texte. Mais il y a une raison pour laquelle des publications aussi médiatisées que The New York Times и Globe de Boston, utilisent toujours des polices Web Serif pour leurs articles numériques. Et ce n’est pas une coïncidence si ces deux journaux privilégient les styles de marque « formels » et « classiques » tout en favorisant les textes longs.

La taille et le style des polices sont également essentiels. Des empattements larges et gras donneront à votre police une apparence plus stylisée et, dans les cas extrêmes, plus frappante et professionnelle. De même, les empattements plus petits et plus petits sont moins formels, idéaux si vous recherchez un juste milieu entre « sérieux » et « amusant ».

Meilleures polices Web Serif :

Exemple de police pour Baskerville

Exemple de police pour Cambria

Exemple de police pour Courier

Exemple de police pour Didot
Exemple de police pour Garamond
Exemple de police pour Times New Roman

Meilleures polices Web Serif :

Exemple de police de vêtements

Exemple de police pour Argesta
Exemple de police pour Bogart
 
Exemple de police pour Giveny
 
Polices Web Juana
 
Exemple de police Maiah.
 
 

Quand utiliser les polices Web sans empattement ?

Les polices sans empattement sont exactement le contraire des polices avec empattement, à la fois dans leur forme et dans la manière dont elles apparaissent au spectateur. Dans ce cas sans signifie littéralement « sans empattement », donc toutes les polices sans empattement sont des polices sans empattement.

Comme vous pouvez l’imaginer, les polices sans empattement sont plus simples et plus insouciantes. Elles ne ressemblent pas à des polices serif. Les polices sans empattement sont des polices permettant des conversations amicales et des messages informels, rappelant une simple écriture manuscrite. Ils sont conçus pour la rapidité et la simplicité, peut-être au détriment de la décence.

Les polices sans empattement sont idéales pour les sites Web qui souhaitent montrer à leurs visiteurs : « Nous sommes comme vous ». Ils sont détendus et détendus, idéaux pour le matériel pédagogique, les publications numériques ou les blogs. Si vous plaisantez beaucoup ou utilisez des emojis dans vos articles, une police sans empattement fonctionnerait théoriquement mieux.

Pour la même raison, les polices Web sans empattement sont le choix privilégié pour les textes informels et supplémentaires : légendes d'images, publications dans réseaux sociaux, signatures, clauses de non-responsabilité et publicité Web. Les polices sans empattement fonctionnent mieux dans le texte où la lecture se fait rapidement et sans urgence. Il est donc important de comprendre comment votre cible le public consomme le type de contenupolice que vous souhaitez créer avant de choisir si elle constitue la meilleure police Web (ou Web sécurisée). police) pour vous.

 

Meilleures polices Web sans empattement :

Exemple de police pour les polices Web Arial

Exemple de police pour Calibri

Exemple de police pour les polices Web Dejavu Sans

Exemple de police pour Genève
Exemple de police pour les polices Web Helvetica

Meilleures polices Web sans empattement :

Exemple de police pour Devant Pro

Exemple de police pour les polices Web Grafton
Exemple de police pour IBM Plex Sans
 
Exemple de police pour les polices Web Italico
Exemple de police pour Monolith
Exemple de police pour les polices Web TT Norms Pro
 

Quand utiliser des polices Web décoratives.

Enfin, nous avons des polices décoratives, qui peuvent être des polices avec ou sans empattement. Elles peuvent également constituer la meilleure police Web ou la meilleure police Web sécurisée pour vos titres et titres. Décoratif casques avoir un design riche ; ils doivent être artistiques ou stylistiques, en mettant davantage l'accent sur leur apparence que sur ce qu'ils disent. Alors que la plupart des typographies sont conçues pour la fonctionnalité, ces polices sont conçues pour l’affichage.

Les polices décoratives sont idéales pour mettre en évidence et mettre l'accent, comme les titres, les citations surlignées ou les titres d'articles. Ils sont la cerise sur le gâteau, alors utilisez-les avec parcimonie et pour un effet spectaculaire. Ils ajoutent de la personnalité, de l'humour et de la créativité, mais n'en faites pas trop. Considérez cela comme un ajout de sel à votre cuisine et évitez de submerger le goût du public. Cela signifie qu'ils ne fonctionneront pas pour de longs blocs de texte ou de légendes d'images. Ni pour les coordonnées de votre marque, ni pour le texte de votre pied de page.

Étant donné que les polices Web décoratives conviennent à tous les styles et à toutes les personnalités, elles peuvent très bien fonctionner lorsqu'elles sont associées à des polices avec ou sans empattement plus simples. Mais ne sacrifiez jamais la lisibilité pour l’apparence. Les polices décoratives ne sont qu’un divertissement jusqu’à ce que le lecteur puisse comprendre ce qu’elles ont à dire.

Comment choisir la bonne police de logo ?

Meilleures polices Web décoratives :

Polices Web de la police Bradley Hand

Police à la main Bradley

Polices Web Font Brush Script MT

Polices Web Copperplate

Police Luminar
Polices Web Font Monaco
 

Ou vous pouvez simplement utiliser Comic Sans

Le choix d'une police Web pour votre site Web est une décision importante qui affecte à la fois la façon dont les visiteurs utilisent votre site et la façon dont ils perçoivent votre marque. Pour être unique et gagner en autorité dans votre conception Web, il s’agit souvent de trouver la meilleure police Web, et non la meilleure police Web. L'utilisation de la bonne police aux bons endroits affecte les éléments qui sont visibles en premier et, lorsqu'elle est utilisée de manière stratégique, peut augmenter la conversion, le temps passé sur place et de nombreux autres objectifs commerciaux.

Si cette solution vous semble trop compliquée, vous pouvez toujours simplement utiliser Comic Sans. Après tout, à quoi vous servent les mortels si vous pouvez marcher parmi les dieux ?

 АЗБУКА