Ceci est une ancienne révision du document !
Table des matières
Écriture
Caractères
Un jour ou l'autre, on est toujours à la recherche d'un caractère à afficher et ça prend toujours 2 heures pour le trouver et encore 2 heures de plus pour l'afficher correctement dans le contexte utilisé.
Voici un petit récapitulatif non-exhaustif pour arrêter de chercher toujours les mêmes caractères sur internet.
| Caractère | Nom | Unicode hexa | HTML hexa | HTML dec | nom HTML | |
|---|---|---|---|---|---|---|
| ☐ | ballot box | 0x2610 | ☐ | ☐ | détails | |
| ☑ | ballot box with check | 0x2611 | ☑ | ☑ | détails | |
| ☒ | ballot box with x | 0x2612 | ☒ | ☒ | détails | |
| ✓ | check mark | 0x2713 | ✓ | ✓ | ✓ | détails |
| ✔ | heavy check mark | 0x2714 | ✔ | ✔ | détails | |
| ✗ | ballot x | 0x2717 | ✗ | ✗ | ✗ | détails |
| ✘ | heavy ballot x | 0x2718 | ✘ | ✘ | détails | |
| © | copyright sign1) | 0x00A9 | © | © | © | détails |
| ♥ | black heart suit | 0x2665 | ♥ | ♥ | ♥ | détails |
| ☠ | skull and crossbones | 0x2620 | ☠ | ☠ | détails | |
| ▶ | black right-pointing triangle | 0x25B6 | ▶ | ▶ | détails | |
| … | horizontal ellipsis | 0x2026 | … | … | … | détails |
| no-break space | 0x00A0 |   |   | | détails | |
| ☯ | ying yang | 0x262F | ☯ | ☯ | détails | |
| ← | leftwards arrow2) | 0x2190 | ← | ← | ← | détails |
| ↑ | upwards arrow3) | 0x2191 | ↑ | → | ↑ | détails |
| → | rightwards arrow4) | 0x2192 | → | → | → | détails |
| ↓ | downwards arrow5) | 0x2193 | ↓ | → | ↓ | détails |
| ⇄ | rightwards arrow over leftwards arrow | 0x21C4 | ⇄ | ⇄ | ⇄ | détails |
| ◼ | filled small square | 0x25FC | ◼ | ◼ | ◼ | détails |
| ⚠ | warning sign | 0x26A0 | ⚠ | ⚠ | détails | |
| ¢ | cent sign6) | 0x00A2 | ¢ | ¢ | ¢ | détails |
| ½ | vulgar fraction one half7) | 0x00BD | ½ | ½ | ½ | détails |
| ⅓ | vulgar fraction one third | 0x2153 | ⅓ | ⅓ | détails | |
| ⅔ | vulgar fraction two thirds | 0x2154 | ⅔ | ⅔ | détails | |
| ¼ | vulgar fraction one quarter8) | 0x00BC | ¼ | ¼ | ¼ | détails |
| ¾ | vulgar fraction three quarters9) | 0x00BE | ¾ | ¾ | ¾ | détails |
| ⅛ | vulgar fraction one eighth | 0x215B | ⅛ | ⅛ | ⅛ | détails |
| ⅜ | vulgar fraction three eighths | 0x215C | ⅜ | ⅜ | ⅜ | détails |
| ⅝ | vulgar fraction five eighths | 0x215D | ⅝ | ⅝ | ⅝ | détails |
| ⅞ | vulgar fraction seven eighths | 0x215E | ⅞ | ⅞ | ⅞ | détails |
| 📱 | mobile phone | 0x1F4F1 | 📱 | 📱 | détails | |
| 🏘 | house buildings | 0x1F3D8 | 🏘 | 🏘 | détails | |
| 📧 | 0x1F4E7 | 📧 | 📧 | détails | ||
| ≈ | almost equal to | 0x2248 | ≈ | ≈ | ≈ | détails |
| € | euro sign10) | 0x20AC | € | € | € | détails |
| œ | latin small ligature oe11) | 0x0153 | œ | œ | œ | détails |
| Œ | latin capital ligature oe12) | 0x0152 | Œ | Œ | Œ | détails |
| ñ | latin small letter n with tilde | 0x00F1 | ñ | ñ | ñ | détails |
| – | en dash | 0x2013 | – | – | – | détails |
| — | em dash | 0x2014 | — | — | — | détails |
| 🐄 | cow | 0x1F404 | 🐄 | 🐄 | détails | |
| 🐎 | horse | 0x1F40E | 🐎 | 🐎 | détails | |
| 🐑 | sheep | 0x1F411 | 🐑 | 🐑 | détails | |
| 🐖 | pig | 0x1F416 | 🐖 | 🐖 | détails |
Pour aller plus loin, voici quelques liens utiles :
Pour saisir ces caractères sous Linux, il faut taper Ctrl + Maj + U + code hexa + ESPACE. Par exemple, Ctrl + Maj + U + 2705 + ESPACE donne ✅.
Pour trouver un caractère en le dessinant, il est possible d'utiliser les sites suivants :
Agencements de claviers
Polices
Les différentes polices sont testées dans les onglets avec les caractères suivants :
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789.:,;(*!?'") àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ The quick brown fox jumps over the lazy dog == === != !== >= <= -> <=> =>
Ænigma Scrawl 4 BRK
Je m'en sers pour la génération de l'image contenant mes coordonnées.
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;(*!?'“)
àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ
The quick brown fox jumps over the lazy dog
== === != !== >= <= -> <=> =>
Page de téléchargement.
Fira Code
C'est une police contenant des ligatures pour la programmation, par exemple, -> est affiché comme →. Cela facilite la lecture du code.
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;(*!?'”)
àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ
The quick brown fox jumps over the lazy dog
== === != !== >= <= -> <=> =>
Page de Fira Code.
La police est directement disponible dans les dépôts de Arch Linux.
Pour tester d'autres polices pour développeur, il faut utiliser le site Programming Fonts.
Grudge 2 BRK
Je m'en sers sur ma carte d'affaire.
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;(*!?'“)
àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ
The quick brown fox jumps over the lazy dog
== === != !== >= <= -> <=> =>
Page de téléchargement.
ParaType Sans
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;(*!?'”)
àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ
The quick brown fox jumps over the lazy dog
== === != !== >= <= -> <=> =>
Page de téléchargement.
ParaType Serif
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;(*!?'“)
àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ
The quick brown fox jumps over the lazy dog
== === != !== >= <= -> <=> =>
Page de téléchargement.
Sketch Nothing
Je m'en sers sur les étiquettes que j'imprime, pour donner un coté rustique.
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;(*!?'”)
àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ
The quick brown fox jumps over the lazy dog
== === != !== >= <= -> <=> =>
Page de téléchargement.
Pour visualiser les polices disponibles sur mon système, j'utilise gnome-font-viewer. Il affichera l'ensemble des polices disponibles pour l'utilisateur. Celles-ci sont situées soit dans /usr/share/fonts soit dans ~/.local/share/fonts.
Activer les ligatures avec vscode
- Installer une police le permettant, ici Fira Code,
- Dans la configuration, ajouter le nom de la police dans la liste des polices supportées, ici
Fira Code, - Dans le fichier settings.json, ajouter la propriété
editor.fontLigaturesavec la valeurtrue.
Syntaxe
ReStructuredText
- Inclure le contenu d'un fichier externe 13)
.. include:: <path/to/file>
- Inclure du HTML brut 14)
.. raw:: html <some valid HTML markup>
- Inclure une illustration 15)
.. figure:: <path/to/image> :alt: <alternative text> :target: <target URL> :class: <CSS classes> <caption>
- Inclure un conteneur 16)
.. container:: custom-css-class <some content>


