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
Pour éviter de chercher les polices que j'utilise, je vais les lister ici :
- Fira Code : c'est une police contenant des ligatures pour la programmation, par exemple,
->
est affiché comme→
. Cela facilite la lecture du code.
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.fontLigatures
avec 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>