Rennes

74D rue de Paris

35000 Rennes

appeler

02 23 40 27 16

Paris

2 rue THéodore Monod,

35400 Saint-Malo

appeler

01 88 32 91 48
👋

Trouver la bonne typographie pour mon site web

Hélène Lelièvre

mardi 12 juillet

Webdesign

Trouver la bonne typographie pour mon site web

Vous hésitez pour la typographie de votre futur site internet ? Nous avons listé quelques éléments de réponses qui peuvent vous aider :

Tout d’abord en analysant votre logo :

  • Un logo aux formes cubiques requerra le plus souvent une typographie dite « bâton » comme la Lato
    En outre, celle-ci devra être très simple à lire, sans fioritures ou empattements.
  • Si votre logo est plutôt arrondi, vous pourrez tenter d’utiliser une typographie plus ronde comme la Nunito par exemple. 
  • Si votre logo n’est pas encore validé, réfléchissez alors à votre typographie lors de sa création ainsi que la définition de la charte graphique.

La typographie de votre site devra être lisible et claire en un regard. 
Vous pouvez éventuellement choisir une police différente pour vos titres ou autres éléments tels que les call to action, afin d’avoir un impact plus important.

Quelques conseils pratiques :

  • Choisir une typographie libre de droit et donc gratuite. Cela pourrait, le cas échéant, impacter le budget du site.
  • Analyser les sites internet de vos concurrents afin de savoir si la police utilisée est en accord avec la cible que vous souhaitez avoir.
  • Si plusieurs polices vous plaisent, testez-les avec les différentes couleurs de votre charte pour vous assurer qu’elles soient lisible en différentes tailles et épaisseurs ainsi que sur les différents supports.
  • Enfin, assurez-vous d’être raccord avec les packagings, brochures, cartes de visites… tous les supports de votre communication, si vous en avez.

À présent, nous allons vous proposer différentes polices gratuites et payantes qui s’utilisent communément sur le web.

1 –  Roboto

Typographie Roboto

La Roboto est un police basée sur des formes géométriques tout en ayant des courbes.Cet aspect donne un rythme de lecture très naturel.

2 – Lato

Typographie Lato

La police Lato fait partie de la famille sans serif ou plus communément appelée sans empattement. C’est un typographie de caractère qui semble assez « transparente » lorsqu’elle est utilisée dans un corps de texte.

3 – Poppins

Typographie Poppins

La Poppins est une police géométrique sans empattement. Chaque forme de lettre est presque mono linéaire, avec des corrections optiques appliquées aux joints de trait si nécessaire pour maintenir une couleur typographique uniforme.

4 – Montserrat

Typographie Montserrat

La création de cette police numérique constitue en quelque sorte le sauvetage d’un patrimoine typographique local en péril de l’Argentine. Ironie de l’historique, Montserrat a désormais une renommée mondiale, puisqu’elle est utilisée sur de nombreux sites web, pour du titrage.

5 – Open Sans

Typographie Opensans

Open Sans est une police de caractères humaniste sans empattement .

Elle a été conçu avec une contrainte verticale, des formes ouvertes et une apparence neutre mais conviviale. Elle a été optimisée pour les interfaces imprimées, Web et mobiles et présente d’excellentes caractéristiques de lisibilité dans ses formes de lettres.

6 – Raleway

Typographie Raleway

Raleway est une élégante famille de polices sans empattement. 

Elle comprend à la fois des chiffres de style ancien et de doublure, des ligatures standard et discrétionnaires, ainsi qu’une alternative stylistique inspirée par des polices de caractères sans empattement plus géométriques que son caractère par défaut d’inspiration néo-grotesque ensemble.

7 – Nunito

Typographie Nunito

La nunito fait partie des polices sans empattements bien équilibrée. 

8 – Playfair Display

Typographie Playfair

Une police traditionnelle s’apparentant aux écritures à la plume. Elle vient donner de l’élégance au texte.

9 – Titillium Web

Typographie Titilium

La titillium est une typographie aux formes cubiques mais bords arrondis. Elle se mari très bien avec d’autres polices plus strictes.

10 – Dosis

Typographie Dosis

Dosis est une famille de type sans empattement arrondi, monoligne très simple.

11 – Comfortaa

Typographie Comforta

Comfortaa est une police de type géométrique arrondi sans empattement destiné aux grandes tailles.

Voici également une sélection de typographies pour vos titres par exemple ou autres éléments que vous souhaitez mettre en avant. Attention, ne mélangez pas différentes typographies dans un même paragraphe.

1 – Bebas Neue

Typographie Bebas

2 – Abril Fatface

Typographie Abril
Typographie Concert

4 – Lobster

Typographie Lobster

5- Ultra

Typographie Ultra

6- Chonburi

Typographie Chonburi

Nous espérons que cet article aura pu vous inspirer et vous aider dans la recherche de la typographie parfaite pour votre futur site web.

Ce site utilise des cookies afin d’améliorer votre expérience utilisateur et de réaliser des statistiques d’audience.
J'accepteJe refuseEn savoir plus