Il existe de nombreuses polices de caractères disponibles pour le contenu web. Et de nombreuses librairies. C'est une excellente chose, cela permet à n'importe quelle marque d'avoir un site internet et une identité remarquable, directement identifiables lorsqu'on parcourt les contenus de la marque.
La police de caractère est un élément essentiel de la marque.
À l’inverse des pages web sur lesquelles on peut appeler et charger une police de caractère lorsque l'internaute ouvre la page, les messageries email reposent sur un système plus ancien, et affichent une police si elle est présente sur la machine de celui qui reçoit l'email.
Donc : si vous utilisez une police de caractère spécifique pour vos signatures email, elle ne s'affichera que si votre interlocuteur a également cette police activée dans son système d'exploitation (Windows ou MacOS).
Pour rajouter de la complexité : les polices de caractère, aussi appelées "font" ne sont pas communes entre celles de Windows (Microsoft) et celles d'Apple (MacOs).
✅ ✨ Sigilium a donc compilé pour vous un tableau de polices universelles :
Police communes | type | Style CSS à utiliser pour votre template HTML |
Arial | sans-serif | font-family: 'Arial', Helvetica, sans-serif; |
Calibri | sans-serif | font-family: 'Calibri', Arial, sans-serif; |
Candara | sans-serif | font-family: 'Candara', Arial, sans-serif; |
Comic Sans MS | sans-serif | font-family: 'Comic Sans MS', cursive, sans-serif; |
Consolas | monospace | font-family: 'Consolas', Monaco, monospace; |
Constantia | serif | font-family: 'Constantia', Georgia, serif; |
Courier New | monospace | font-family: 'Courier New', Courier, monospace; |
Georgia | serif | font-family: 'Georgia', Times, serif; |
Impact | sans-serif | font-family: 'Impact', Arial, sans-serif; |
Sergo UI | sans-serif | font-family: 'Segoe UI', Arial, sans-serif; |
Times New Roman | serif | font-family: 'Times New Roman', Times, serif; |
Trebuchet MS | sans-serif | font-family: 'Trebuchet MS', Arial, sans-serif; |
Verdana | sans-serif | font-family: 'Verdana', Geneva, sans-serif; |
On voit dans ce tableau une succession d'arguments pour l'affichage de la police de caractère.
Dans l'exemple ci dessous, cela revient a décrire la logique suivante :
<p style="font-family: 'Segoe UI', Arial, sans-serif">Martin Dupond</p>
si c'est possible afficher "Martin Dupond" avec la police Segoe UI
sinon avec la police Arial
sinon dans une police par défaut en Sans Serif (sans empattement).
Un doute, une question ?
Laissez un message au +33 1 83 64 02 13
Vous préférez l'écrit ? écrivez-nous sur [email protected]
