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 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
Aide pour choisir les typographies
La typographie est la forme que va prendre le texte que vous allez écrire.
La typographie véhiculent des émotions, du sens, elle représente votre voix, votre 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.
Jeux de mots sur l'alphabet en français reprenant la forme des tests optiques
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.
LESS IS MORE — Mies van der Rohe
On limite les choix à 2 typographies maximum dans un document
(sauf exception bien entendu !)
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.
Choisir une typographie pour les paragraphes : elle doit être lisible en petite taille et être confortable à la lecture 🤓
Penser 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 essayez des combinaisons !
2 options pour choisir les typographies
1. Marquer sa différence
Votre activité doit se démarquer, bousculer les codes, disrupter et affirmer son identité unique. Vous voulez capter l’attention dès le premier regard et montrer votre originalité.
✨ Par exemple : start-up innovante, marque tendance, artiste, secteur du design ou du gaming…
2. Démontrer son sérieux
Votre activité repose sur la confiance, la crédibilité et la stabilité. Vous devez inspirer professionnalisme et rigueur tout en restant accessible et lisible.
✨ Par exemple : cabinet d’avocats, finance, assurance, institution publique, conseil…
Pensez à la lisibilité
C’est quoi la différence entre typographie, police & fonte ?
S’assurer que la typographie soit bien lisible en toutes circonstances.
Pour être sûr qu’une typo est lisible :
- Veiller à ce qu’on reconnaisse facilement les formes de lettres
- Vérifier la lisibilité de taille
- Vérifier le contraste entre la typo et le fond
- Augmenter l’interlignage ↨ (espace entre les lignes) pour permettre un confort de lecture
- Penser au personnes avec une visibilité réduite
- Faire 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)
