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.
Les polices suivantes ont l'air intéressantes également :
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.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>