Typos Elementor

Ma sélection de typographies disponibles nativement sur Elementor.
Triées par caractéristique serif, sans-serif, script ou display,
12 typographies de chaque style pour t'aider à bien les choisir.

Serif

The quick brown fox jumps over the lazy dog

Arvo

The quick brown fox jumps over the lazy dog

Bona Nova

The quick brown fox jumps over the lazy dog

Cormorant

The quick brown fox jumps over the lazy dog

Domine

The quick brown fox jumps over the lazy dog

EB Garamond

The quick brown fox jumps over the lazy dog

IBM Plex Serif

The quick brown fox jumps over the lazy dog

Kaisei Tokumin

The quick brown fox jumps over the lazy dog

Playfair Display

The quick brown fox jumps over the lazy dog

Prata

The quick brown fox jumps over the lazy dog

Noto Serif

The quick brown fox jumps over the lazy dog

PT Serif Caption

The quick brown fox jumps over the lazy dog

Slabo 13

Sans-serif

The quick brown fox jumps over the lazy dog

ABeeZee

The quick brown fox jumps over the lazy dog

Barlow

The quick brown fox jumps over the lazy dog

DM Sans

The quick brown fox jumps over the lazy dog

Gowun Dodum

The quick brown fox jumps over the lazy dog

Heebo

The quick brown fox jumps over the lazy dog

Mukta

The quick brown fox jumps over the lazy dog

Nanum Gothic

The quick brown fox jumps over the lazy dog

Open Sans

The quick brown fox jumps over the lazy dog

Overlock

The quick brown fox jumps over the lazy dog

Poppins

The quick brown fox jumps over the lazy dog

Raleway

The quick brown fox jumps over the lazy dog

Work Sans

Script

The quick brown fox jumps over the lazy dog

Amatic SC

The quick brown fox jumps over the lazy dog

Bad Script

The quick brown fox jumps over the lazy dog

Caveat

The quick brown fox jumps over the lazy dog

Dancing Script

The quick brown fox jumps over the lazy dog

Lily Script One

The quick brown fox jumps over the lazy dog

Meow Script

The quick brown fox jumps over the lazy dog

Parisienne

The quick brown fox jumps over the lazy dog

Pangolin

The quick brown fox jumps over the lazy dog

Patrick Hand

The quick brown fox jumps over the lazy dog

Permanent Marker

The quick brown fox jumps over the lazy dog

Style Script

The quick brown fox jumps over the lazy dog

Sue Ellen Francisco

Display

The quick brown fox jumps over the lazy dog

Acme

The quick brown fox jumps over the lazy dog

Bree

The quick brown fox jumps over the lazy dog

Delius Unicase

The quick brown fox jumps over the lazy dog

DM Serif Display

The quick brown fox jumps over the lazy dog

Fugaz One

The quick brown fox jumps over the lazy dog

Kavoon

The quick brown fox jumps over the lazy dog

Lilita One

The quick brown fox jumps over the lazy dog

Rubik

The quick brown fox jumps over the lazy dog

Teko

The quick brown fox jumps over the lazy dog

Sansita

The quick brown fox jumps over the lazy dog

Sansita Swashed

The quick brown fox jumps over the lazy dog

Yeseva One

Comment bien choisir les typographies ?

La typographie est la forme que va prendre le texte que tu vas écrire.
La typographie véhiculent des émotions, du sens, elle représente ta voix, ton ton 🎶

Quelques explications pour parler de la même chose

C’est quoi la différence entre typographie, police & fonte ?

La typographie c’est le nom générique qui regroupe les procédés de composition et d’impression utilisant des caractères.

Une police de caractères c’est un ensemble d’une même famille, qui regroupe tous les corps et graisses
Par exemple Helvetica.

Une fonte c’est un ensemble de caractères d’une même police, style, corps et graisse.
C’est Times New Roman italic 12pt.

Affiche jeu de mots alphabet - mise en page test optique
Affiche réalisée avec la police de caractères Helvetica lors de mes études aux Beaux-Arts.
Jeux de mots sur l'alphabet en français reprenant la forme des tests optiques
Gagnante concours affiche Say No to Violence Against Women
Affiche réalisée avec des typographies sans-serif.
Réalisation dans le cadre d'un Concours d'affiches de l'ONU 'Say No to Violence Against Women'.
Gagnante du Prix Jeunesse sur 2600 participants dans 40 pays.

Les 4 grands types de typographies

Une typographie serif a des extrémités avec des empattement (serif signifie empattement en anglais)
Ces typographies sont dites classiques car leur dessin imite la trace laissée par l’outil (plume, pinceau…) lorsque la main s’élève en achevant le geste d’écriture.

Une typographie sans-serif n’a pas d’empattement. Ces typographies paraissent plus modernes car ont été développées après la première guerre mondiale.

Une typographie script reprend l’écriture manuscrite cursive.

Une typographie display se distingue par son caractère plus affirmé avec des formes (parfois subtiles) légèrement différentes. Elles sont souvent utilisées pour les titres.

La règle absolue en typographie

La règle : pas + de 2 typographies

Si il y a une règle d’or en design, c’est de ne pas faire trop d’effets.

On limite les choix à 2 typographies maximum dans un document
(sauf exception bien entendu !)

Less is more
LESS IS MORE — Mies van der Rohe
Affiche de cycle de conférence aux Beaux-Arts de Lyon - 2010
Affiche de cycle de conférence aux Beaux-Arts de Lyon - 2010.
Utilisation de 2 typographies différentes et jeu des superpositions de couleur.

Comment choisir 2 typographies ?

Choisir une typographie pour les titres : c’est celle qui donne l’identité / la voix / le ton. Elle doit être belle en grand, ne pas hésiter à aller chercher des formes intéressantes, par exemple dans une typo display.

Choisis une typographie pour les paragraphes : elle doit être lisible en petite taille et être confortable à la lecture 🤓

Pense aux contrastes entre ces 2 fontes, comme utiliser des titres en bold — ou utiliser une serif pour le titre et une sans-serif pour les paragraphes — ou l’inverse. Bref essaie des combinaisons !

2 options pour choisir les typographies

1. Marque ta différence

Ton activité doit se démarquer, bousculer les codes, disrupter et affirmer son identité unique. Tu veux capter l’attention dès le premier regard et montrer ton originalité.
 
Opte pour une typographie de titrage audacieuse : non classique, contemporaine, voire avant-gardiste. Les polices manuscrites dynamiques, les typographies géométriques ou déstructurées, ainsi que les styles inspirés du street art ou du digital marqueront ta différence.

2. Démontre ton sérieux

Ton activité repose sur la confiance, la crédibilité et la stabilité. Tu dois inspirer professionnalisme et rigueur tout en restant accessible et lisible.

✨ Par exemple : cabinet d’avocats, finance, assurance, institution publique, conseil…

Opte pour une typographie de titrage sobre et intemporelle : une police serif élégante et raffinée (comme Garamond ou Times New Roman) ou une sans-serif moderne et épurée (comme Helvetica ou Futura). Évite les effets trop fantaisistes pour privilégier une lisibilité optimale et une image rassurante.

Pense à la lisibilité

S’assurer que la typographie soit bien lisible en toutes circonstances.

Pour être sûr qu’une typo est lisible :

  • Veille à ce qu’on reconnaisse facilement les formes de lettres
  • Vérifie la lisibilité de taille
  • Vérifie le contraste entre la typo et le fond
  • Augmente l’interlignage ↨ (espace entre les lignes) pour permettre un confort de lecture
  • Pense aux personnes avec une visibilité réduite
  • Fais des paragraphes courts en largeur et en longueur (surtout en web, la majorité des gens scannent les sites sans lire précisément les textes)
Vérifier la lisibilité de la typographie
Guide pour la création de site internet - Fais les bons choix pour ton site internet — Raphiste

Le Guide pour faire les bons choix sur ton site.

Pour poser les bonnes bases de ton site web.