Créer site internet facile
Créer son site web pour les nuls
🎃 Désactiver le thème

Police d'écriture de site web : la liste pour trouver la vôtre

8 minutes 4443 vues

Il ne faut pas fier aux apparences.

Du moins, c’est ce que dit la sagesse populaire.

Serez-vous étonné si l’on vous dit que sur le web, ce n’est pas si vrai que ça ?

Selon les études, plus de 90% des internautes jugeraient un site, d’abord par son aspect visuel. Comme on apprend mieux en s’amusant, il semblerait que, sur internet, les messages se transmettent plus facilement, via un joli support. Travailler le design de votre site afin qu'il possède une identité visuelle remarquable ne sera donc jamais superfétatoire. Et le choix de la police d’écriture de vos textes en fait pleinement partie. 

… Comment choisir et associer judicieusement ses polices de caractère ? 

Accrochez bien vos plumes, vos stylos, vos pinceaux et votre clavier c’est parti pour un cours de   ̶c̶a̶l̶l̶i̶g̶r̶a̶p̶h̶i̶e̶  typographie ! 

Les différents types de police d’écriture

On commence par un petit rappel en bonne et due forme, sur les différentes sortes de polices de caractère

Depuis l’invention de l’imprimerie (Gutenberg, 1450, pour ceux du fond de la classe ;-) ), les polices ont connu moult évolutions et tendances. On peut cependant les classer en 5 grandes catégories :

  • les polices Serif
  • les polices Sans Serif
  • les cursives
  • les fantaisies
  • les manuscrites.

Police serif

Les polices de caractère avec serif présentent des ornements appelés également “empattements”. Ces styles de police ont été historiquement employés dans la presse papier (journaux, magazines). Elles représentent l’élégance, le sérieux, la tradition. Elles ont un côté un peu “old-school” et sont souvent employées pour les textes longs.

Police Serif

Police sans serif

Les polices de caractère sans serif sont dénués des fameux empattements. Elles sont généralement considérées comme les “typos du web” car plus lisibles sur un écran (la résolution écran étant moins nette que la résolution papier). Ce sont donc des polices d’écriture plus moderne et un peu plus détendue.

Polices cursives (ou script)

Les polices cursives permettent de donner un aspect plus personnel, plus original aussi. Vous pouvez les utiliser dans les secteurs ayant trait à l’enfance ou à la création artisanale.

police script

Police d’écriture manuscrite

Les polices d’écriture manuscrite créent une atmosphère intimiste. Elles se prêtent à la familiarité, à la confidence. Elles s’adaptent parfaitement à un blog par exemple ou par touches pour faire passer un message particulier “Laissez-moi un message” par exemple.

Police d’écriture manuscrite

 

Police Fantaisie 

Les polices fantaisie (ou fonts fantasy, en anglais) correspondent à des thématiques précises, et sont à utiliser avec parcimonie

Mais pourquoi pas en insérer, par touches, si vous en trouvez une en accord avec votre secteur d’activité ? Elle convient aux gros titres, aux annonces et promotions par exemple.

Comment choisir sa police d’écriture ?

Le choix de la police d’écriture est un moment d’importance à ne pas prendre à la légère : elle va définir ou améliorer votre image de marque.

On ne choisit pas sa typo au hasard !

Veillez à la sélectionner selon les paramètres suivants :

  • Identité de la marque

Par exemple, un cabinet d’avocat, ou une banque privilégiera des polices de caractère classiques et sérieuses. Identifiables comme fiables et inspirant confiance et sécurité. Alors qu’un musicien pourra se permettre quelques libertés.
De la même façon, une marque masculine (sport, automobile) recourra volontiers à des polices d'écriture assez massives qui dégagent une certaine force. A l’inverse, les marques de luxe type bijoux ou parfum, préfèreront utiliser des polices fines, ornementées ou aériennes.

  • Cible

Si votre public est jeune et habitué d’Internet, vous pourrez facilement avoir recours à des polices sans serif qui sont typiquement des polices web. En effet, la dite "génération Y" a l’habitude de lire ce genre de fonts. A l’inverse, un public plus âgé, qui lit quotidiennement la presse papier, préfèrera sans doute les polices avec serif.

  • Objectif

Les polices de caractère ont un rôle majeur concernant vos objectifs : vous n’utiliserez sans doute pas la même police pour créer un call-to-action de type “Acheter maintenant” ou “Réserver en ligne” que pour un bouton “En savoir plus”. De la même façon, vous pourrez sélectionner des polices d’écriture totalement différentes pour un gros titre ou pour un paragraphe. 

differentes typographies

 

Typographie : les tendances actuelles 

Que nous réserve l’année 2020 question typo ? Et si on veut être à la pointe, à la page, dans le vent... ?

Allez, on fait un petit tour d’horizon des tendances qui risquent de rester tendance, et des modes qui vont être à la mode. 

Les énooooormes polices

En 2020 fini les pattes de mouches, on n’aura pas besoin de lunettes pour lire les textes de nos écrans. La tendance sera à la police grand format qui habillera très bien un site au design épuré !

“Comme mamie” : des fonts vintage

La mode est au font vintage, à la police de papa, à la typo de grand-mère... Le style retro et vintage est idéal pour tout projet (proposition de loisirs, annonce de soirées...) qui demande un petit recours à la nostalgie et surtout, sugggère l'intemporel. 

Quelques exemples : "Lazer 84", "Zebrazil", "Kilogram", "Streetwear" ou encore "Rispa". 

Des effets de transparence : la typo évanescente

Ou comment mettre l’accent, avec ce qui manque. 

On ne remarque jamais tant les choses que lorsqu’elles ne sont plus là. C’est en tout cas le pari que l’on fait, en choisissant des typos évanescentes, à moitié présentes, à moitié absentes.

On voit la vie en rose...en bleu, en vert…

Cette année, les polices d’écriture nous en feront voir de toutes les couleurs

Elles seront bichromes. Elles revêtiront elles-mêmes des dégradés, des teintes vives ou pastel. Mais seront également soulignés ou surlignés de couleurs. Oui, comme à l’école. 

En un mot : Sophistication 

On observe une tendance à la police de caractère tordue, courbée, asymétrique... Mais également ornementée, alambiquée. 

Arabesques, fleurs, feuillages, tout est bon à prendre pour avoir l’air tarabiscoté et amphigourique.

Du dynamisme !

Les tendances en typographie suivent celles du web design, et on voit apparaître du mouvement. 

Fini le statisme et les fades polices immobiles : maintenant, les typos sont dans le mouv’. Elles s’agitent, remuent, ou bougent au passage de la souris. On appelle celà le dynamisme, car on ajoute une animation dans le code CSS (oui ça devient technique) de notre typographie. 

Certaines sont même modulables : vous pourrez les adapter à votre goût, pour obtenir une police personnalisée. Classe !

Une tendance qui perdure sans s’affadir : le contraste et l’association de polices. Mais attention à ne pas surcharger les pages de votre site web avec trop de styles différents, au risque de perdre vos internautes par trop d'informations visuelles... Le trop est l'ennemi du bien !
 

Association de polices de caractère

Tout d’abord veillez à ne pas en abuser : 3 polices d’écriture pour un site, c’est un maximum. Si vous utilisez trop de polices d’écriture différentes, cela risque de créer une impression de désordre sur votre site et d’en altérer la lisibilité.

Deux polices différentes restent une bonne moyenne : une police d’écriture plus originale pour les titres et une police plus classique pour les paragraphes.

Vous pouvez jouer à associer les polices de caractères. C’est une tendance (encore) très actuelle dans le monde du webdesign. Veillez cependant à comparer et faire des tests de compatibilité avant de valider vos choix. Choisir des polices d’une même famille peut jouer favorablement pour l’homogénéité graphique de votre site. Cependant deux polices d’écriture trop semblables peuvent s’affadir l’une l’autre.
Faites également attention au fond de votre site car votre police doit absolument rester lisible : un fond texturé peut gêner la lecture et la couleur de l'écriture doit former un contraste fort avec le fond afin d'être lu facilement.

Mettez en valeur vos polices d’écriture

Sans forcément varier les polices de caractère, il vous est également possible de jouer sur les fonts : gras/non gras, italique éventuellement (même si celui-ci est à utiliser avec parcimonie car difficile à lire).
Le souligné est en revanche à éviter sur le web car il correspond au code du lien hypertexte. Vous pouvez par contre également jouer sur les tailles de police.

Polices site

Utilisez les espaces de vos images pour insérer du texte. C’est une tendance en vogue qui met en exergue votre message et fait toujours son petit effet.

choisir polices site

Vous pouvez aussi insérer des formes diverses et variées (géométriques, organiques), pour mettre en valeur votre texte.
 

Vous n’avez pas encore fait votre choix ? Vous hésitez encore ? Voici quelques outils qui vous donneront le dernier coup de pouce. 

Outils pour vous inspirer et vous guider dans le choix de votre police d’écriture

Typespiration.com vous permettra de trouver l’inspiration et de voir des combinaisons de polices intéressantes.

Typography.com vous donnera différentes techniques et conseils pour vous aider dans votre choix de police d’écriture.

Vous connaissez les règles de base, vous connaissez les tendances...Vous voilà armé pour choisir la meilleure police d’écriture pour votre site internet : la plus jolie, la plus adaptée, la plus remarquable. 

Vous savez tout, alors foncez ! 

Et surtout n’oubliez pas que chez SiteW, on est curieux.

Alors, n’hésitez pas à partager avec nous, sur notre page Facebook, le résultat de votre travail !

 

Dernière mise à jour : 31 juillet 2020

Quoi de neuf ?
Les dernières mises à jour et nouveautés sur notre outil, après un décryptage poussé auprès de nos développeurs.