Characters code cheatsheet — En Fr Lexicon - martindubenet/wed-dev-design GitHub Wiki

Bilingual lexicon of commonly used encoded characters, including the accents and punctuations of the Latin alphabet of French.

FR: Lexique bilingue des caractères encodée communément utilisés, incluant les accents et ponctuations de l’alphabet latin du français.

 

LEXICON

🔗 [ Validation states & form actions ][ Arrows ][ Devices ][ Computer keyboard keys ][ Ui ][ Ui Rating ][ Medias ][ Punctuations ][ Units ][ Coding utilities ][ Mathematical characters ][ Random characters or icons ][ Latin characters with accent ]

Find more characters at Emojis on compart.com⌝, Wikipedia⌝ or unicode-table.com⌝.

Validation states & form actions

Sign HTML HEX English description Description française Glyphicons
🔘 🔘 1f518 Radio button control Contrôle de type bouton radio fa
⬜ 2b1c Square, Empty square, input type="Checkbox" Unchecked Carré vide, Option non cochée fa
✅ 2705 White heavy check mark, Done Crochet (icône graphique), Fait fa
❎ 274e Close window, Negative squared cross mark Fermeture, Fermer la fenêtre, Situation négative fa
☑ 2611 Checked square, Check marked, input type="Checkbox" checked Case côchée fa
✓ 2713 Regular check mark, state=True, Approved, Successful state sign Crochet (régulier), Approuvé, Symbole d’approbation à la validation, Statut positif fa
✔ 2714 Heavy check mark, Approved, Successful status, Done Crochet bold, Approuvé, Statut positif, Fait fa
✗ 2717 Sign here, Strike out, Cross out Signez ici, Biffer, Raturer fa
❌ 274c Failed, Not valid, Clear field, Greek capital letter "Chi" Erreur, Réinialiser un champs fa
☐ 2610 Square, Empty square, input type="Checkbox" Unchecked Carré vide, Option non cochée fa
☒ 2612 X marked square, Selected Case côchée, Option cochée sélectionnée fa
× × 00d7 Times, state=False, Error state sign X, Symbole d’erreur à la validation
⊗ 2297 Circled times, close round sign X encerclé, Signe de fermeture rond, Option refusée fa
⊙ 2299 Circled dot Point encerclé, Option non sélectionnée fa
⦿ ⦿ 29bf Circled bullet, Selected radio button Boulet encerclé, Option sélectionnée fa
⌾ 233e Circle JOT, Unselected radio button, functional symbol Boulet vide encerclé, Option non-sélectionnée
⌽ 233d Circled vertical bar, Reverse functional symbol
⃠ 20e0 Combining enclosing circle backslash Backslash encerclé fa
🚫 🚫 1f6ab No entry sign Interdiction d’entrée fa
⛔ 26d4 No entry, Do not enter, No trespassing Interdiction d'entrée, Ne pas entrer, Passage interdit

Arrows

Sign HTML HEX English description Description française Glyphicons
↑ 2191 Arrow to Top, Top-pointing Flèche vers le Haut fa
↓ 2193 Arrow to Bottom, Bottom-pointing Flèche vers le Bas fa
↥ 21a5 Upload, Arrow to top from bottom bar Téléverser, Flèche vers le haut à partir de la base fa
⭳ 2b73 Download, Arrow from top to bottom bar, macOS Télécharger, Flèche vers la base à partir du haut fa
→ 2192 Arrow to Right, Right-pointing Flèche vers la Droite fa
← 2190 Arrow to Left, Left-pointing Flèche vers la Gauche fa
↔ 2194 Left Right bidirectional arrow. Logical symbols representing "if and only if" statement Flèche vers la Gauche et la Droite fa
- 2195 Top Bottom bidirectional arrow Flèche vers le Haut et le Bas fa.1 fa.2
↳ 21b3 Useful sign to illustrate a child-to-parent (sub-list) relation in plane text document Symbole utile pour illustré le lien de parenté d'une sous-liste dans un document texte
↴ 21b4 Rightwards down arrow À droite en bas fa
↵ 21b5 Return sign as illustrated in hidden caracters; Arrow with square corner leftwards; HTML break line icon Symbole utilisé pour identifier un retour de ligne
↶ 21b6 Undo, Counterclockwise semicircle arrow Rotation anti-horaire vers l'arrière, Action précédente fa
↷ 21b7 Redo, Clockwise semicircle arrow Rotation vers l'avant, Action suivante fa
➥ 27a5 Heavy black curved down right arrow. Sub list Grosse flèche grasse arrondie pointant en bas à droite. Sous liste
➦ 27a6 Heavy black curved up right arrow Grosse flèche grasse arrondie pointant en haut à droite
⌝ 231D Redirecting to an external link / Modifier Letter Right Arrowhead Redirection vers un lien externe
21f1 Arrow direction to top Left corner Flèche en direction du coin gauche supérieur
21f2 Arrow direction to bottom right corner Flèche en direction du coin droit inférieur
↥ 21a5 Arrow from Bottom bar to Top Flèche de la bar du bas vers le haut
↦ 21a6 Arrow from Left bar to Right. Tab key, right indentation Flèche de la bar de gauche vers la droite. Touche de tabulation vers la droite
↧ 21a7 Arrow from Top bar to Bottom Flèche de la bar du haut vers le bas
↤ 21a4 Arrow from Right bar to Left. Tab key, left indentation Flèche de la bar de droite vers la gauche. Touche de tabulation vers la gauche
▼ 25b2 Big carret Up, Black Up-pointing triangle Pointe vers le haut
▼ 25bc Big carret Down, Black Down-pointing triangle Pointe vers le bas
▴ 25b4 Carret to Top, Black Top-pointing small triangle Pointe vers le haut fa
▸ 25b8 Carret to Right, Black Right-pointing small triangle Pointe vers la droite fa
▾ 25be Carret to Down, Black Bottom-pointing small triangle Pointe vers le bas fa
◂ 25c2 Carret to Left, Black Left-pointing small triangle Pointe vers la gauche fa
⬆ 2b06 Upwards heavy black arrow Grosse flèche pointant vers le haut
⮕ 2b95 Rightwards heavy black arrow Grosse flèche pointant vers la droite
⬇ 2b07 Downwards heavy black arrow Grosse flèche pointant vers le bas
⬅ 2b05 Leftwards heavy black arrow Grosse flèche pointant vers la gauche

Devices

Sign HTML HEX English description Description française Glyphicons
⌨ 2328 Computer Keyboard device Symbol du périphérique clavier informatique fa
🖱 🖱 1f5b1 Computer mouse device Symbol du périphérique de souris informatique fa
🕹 🕹 1f579 Joystick, Video game Manette de jeux vidéo, Télécommande
👆 👆 1f446 Up pointing index finger, Touch screen device, {cursor : pointer} Index de la main pointant vers le haut, Appareil tactile fa
📱 📱 1f4f1 Phone device, Screen size @media XS Appareil téléphone mobile fa
💻 💻 1f4bb Personnal computer (PC) device, Laptop, Notepad, Screen size @media MD Ordinateur personnel, PC mobile fa
🖥 🖥 1f5a5 Desktop personnal computer (PC) device, Monitor, Screen size @media XL Écran d'ordinateur personnel, Moniteur fa, fa
📺 📺 1f4fa TV, television Télévision fa, fa
⌚ 231a Wristwatch Montre bracelet fa
🗔 🗔 1f5d4 Desktop browser window, macOS Fenêtre de navigateur standard fa
◳ 25f3 White square with upper right quadrant, Open external link in new window, target="_blank" Ouvrir le lien externe dans une nouvelle fenêtre fa
⎙ 2399 Print, Printable, Printer Imprimer, Imprimante, Imprimable fa
📰 📰 1f4f0 Printed newspaper front page Page couverture de journal imprimé fa
 f8ff Apple or macOS logo Logo du système d’exploitation de Apple fa
 1fa9f Crossed diamond / An icon that kind of looking like the Windows OS brand from Microsoft Losange croisé / Un icône qui rappel légèrement le logo du système d’exploitation de Microsoft fa
🐧 🐧 1F427 Penguin / An Emoji that kind of reminds us the Linux open sourced Operating System Pingouin / Un Emoji qui rappel légèrement le logo du système d’exploitation de Microsoft fa

Computer keyboard keys

Sign HTML HEX English description Description française Glyphicons
` ` 0060 Backticks also known as « Backquote » used as code character in wiki syntaxe. Accent grâve français utilisé en tant que caractère en programmation
@ @ 0040 Commercial at Arobase fa
# # 0023 Hashtag, Hash, Number sign Dièse, Croisillon fa
! ! 0021 Exclamation mark Point d’exclamation fa
? ? 003f Question mark Point d’interrogation fa
&para; 00b6 </p>, Reversed pilcrow sign, Hard paragraph Return symbol Symbole de « Retour de ligne dûre » sur les claviers fa
&#9166; 23CE Shift+Return keys, <br>, Soft paragraph Return symbol Touches Maj+Entrée, Symbole de « Retour de ligne mou » sur les claviers
&#9094; 2386 Enter symbol, Signin and/or Login icon, Return Official « Enter key » / « Computer Return » key symbol on keyboard Touche Entrée « Retour » sur un clavier informatique, Icone de connexion fa
&#127; 007F Official « Delete » from basic latin unicode character Caractère « Supprimer » officiel du language unicode basic latin
&#8998; 2326 « Delete key » Erase to the Right Touche « Supprimer » vers la droite
&#9003; 232b « Backspace key », Erase to the Left Touche « Supprimer vers la gauche » ou « Retour arrière » sur un clavier informatique, Effacer vers la gauche
&#8999; 2327 Erase action, Delete rectangular button Action de supprimer, Bouton supprimer de forme rectangulaire, Effacer
&#8984; 2318 « Command key » symbol on macOS keyboards Touche « Commande » sur un clavier informatique de Apple
&#8997; 2325 Official « Option key » symbol on macOS keyboard Touche « Option » sur un clavier informatique de Apple
&#8963; 2303 Official « Control key » symbol on macOS keyboard

Ui

Sign HTML HEX English description Description française Glyphicons
👤 &#128100; 1F464 Anonymous avatar / Bust In Silhouette Emoji Avatar anonyme
🏠 &#127968; 1f3e0 House building, Home, Homepage Maison, Accueil fa, fa, fa
&#9776; 2630 Three lines menu, Hamburger, Burger menu, Navigation bars, Navicon Icon de navigation principale fa
`` 1367 Contextual menu, Vertical Ellipsis, 3 dots, Ethiopic Question Mark Menu contextuel, 3 points verticaux, Points de suspension verticaux
&#9881; 2699 Geared wheel, Cog, Settings Roue dentelée, Engrenage, Réglages fa
🔑 &#x1F511; 1f511 Key, Token, Lock Clé, Jeton, Serrure
🔐 &#x1F510; 1f510 Closed Lock with Key Cadenas barré avec sa clé
&#8505; 2139 Information source, Info CTA usually designed as a i within a small circle Source d’information, Insigne habituellement circulaire affichant la lettre «i» en son centre fa
🖊 &#128394; 1f58a Ink pencil, Handwriting, Signature input, Edit Crayon stylo, Écriture à main levée, Signature personnelle, Éditer fa
📁 &#128193; 1f4c1 File folder, Repository Dossier, Répertoire fa
📂 &#128194; 1f4c2 Opened file folder, Opened repository Dossier ouvert, Répertoire ouvert fa
📄 &#128196; 1f4c4 A unique file document Un fichier unique fa
🖼 &#128444; 1f5bc A picture (or image) type of file document Un fichier de type image ou photographie fa
📎 &#128206; 1f4ce Paperclip, Attachment Trombonne, Pièce jointe fa
🔍 &#x1f50d; 1f50d Search, Magifying glass Recherche, loupe fa
&#9200; 23f0 Alarm clock Réveille matin fa
&#9203; 23f3 Hourglass with flowing sand Sablier de temps écoulé fa
📅 &#128197; 1f4c5 Calendar, Agenda Calendrier fa
&#9729; 2601 Cloud upload/download, Server storage Nuage, Sauvegarde sur le serveur, Téléchargement/Téléversement nuagique fa
🛆 &#128710; 1f6c6 Triangle outlined shape, macOS Triangle tracée, Attention fa
&#9888; 26A0 Warning triangle sign Mise en garde, triangle, point d'exclamation fa
🛈 &#128712; 1f6c8 Circled information sign, macOS fa
💡 &#128161; 1f4a1 Electric light bulb on, Idea Ampoule électrique alumée, Idée fa
&#9785; 2639 Frowning face, Negative expression Visage renfrogné, Expression négative fa
&#9786; 263a Smiling face, Positive expression Visage sourrire, Expression positive fa
🌐 &#127760; 1f310 Globe with meridians, Language sign Globe terrestre avec les méridiens, Symbole des langues fa
🎨 &#127912; 1f3a8 Artist palette, Color option Palette d'artiste, Choix de couleurs fa
🏢 &#127970; 1f3e2 Office building, Working Tour à bureaux, Bureau, Entreprise, Lieux de travail fa
🏴 &#127988; 1f3f4 Waving flag Drapeau au vent fa
🚩 &#x1f6a9; 1f6a9 Pennant, Red flag, Problem to track, Need your attention Fanion, Drapeau rouge, Problèmes à surveiller, Votre attention fa
💳 &#128179; 1f4b3 Credit card Carte de crédit fa
&#9851; 267b Recycle, Recycling Recyclage, Recycler fa
🗑 &#128465; 1f5d1 Waste basket, Delete Corbeil à déchet, Supprimer fa
&#9855; 267f Wheelchair, Handicapped, Disabled, Person with a disability Chaise roulante, Handicapée, Personne ayant une déficience fa
👁 &#128065; 1f441 Eye, View Oeil (œil), Vue fa
💣 &#128163; 1f4a3 Bomb Bombe fa
&#9889; 26a1 Electricity icon, High voltage sign, Bolt Électricité, Haut voltage fa
&#8961; 2301 Official Electricity symbol on architectural plans Symbole officiel d'électricité sur les plans architecturaux
🌈 &#127752; 1f308 Rainbow Arc-en-ciel, Ça và bien aller fa
🎓 &#127891; 1f393 Graduation cap, Diploma Chapeau de graduation, Diplôme fa
𝍍 &#119629; 1d34d Tetragram for hardness, Coding terminal, CLI Suite de quatre caractères pour illustrer la dureté (!?) fa
📋 &#128203; 1f4cb Clipboard, List, ToDo Liste, Tâche fa, fa, fa
🗑 &#128465; 1f5d1 Wastebasket, Trash can, Garbage Poubelle, Corbeille, Ordure fa

Ui Rating

Sign HTML HEX English description Description française Glyphicons
👍 &#128077; 1f44d Thumbs up sign, Facebook like Pouce en haut, Positif fa
👎 &#128078; 1f44e Thumbs down sign, Facebook dislike Pouce en bas, Négatif fa
&#9733; 2605 Black star, Positive rating star Étoile noir, Étoile de cote d'appréciation positive
&#9734; 2606 White star, Negative rating star Étoile vide, Étoile de cote d'appréciation négative
🙂 &#128578; 1f642 Smiling face Visage sourrire, Appréciation positive fa
🙁 &#128577; 1f641 Sad face, Frowning face, Deception Visage triste, Fronçant les sourcis, Appréciation négative, Déception fa

More stars symbols here⌝ or Wikipedia⌝.

Medias

Sign HTML HEX English description Description française Glyphicons
&#9193; 23e9 Double triangle to Right for FAST FORWARD within the track Double triangles vers la droite pour AVANCER dans la piste fa
&#9194; 23ea Double triangle to Left for BACKWARD/REWIND within the track Double triangles vers la gauche pour RECULER dans la piste fa
&#9197; 23ed Double triangle to Right with vertical bar (or pipe) for FAST FORWARD TO THE END of media Double triangles et barre verticale pour AVANCER JUSQU'À LA FIN du média fa
&#9198; 23ee Vertical bar (or pipe) with double triangle to Left for FAST BACKFORWARD/REWIND TO BEGINNING of media Barre verticale et double triangles pointant à gauche pour RECULER JUSQU'AU DÉBUT du média fa
&#9654; 25b6 Right pointing triangle for PLAY the media Triangle pointant vers la droite pour JOUER/ÉCOUTER/REGARDER le média fa
&#9208; 23f8 Double vertical bars (or pipes) for PAUSE of media Double barres verticales pour PAUSE du média fa
&#9209; 23f9 Black square for STOP of media Carré noir pour ARRÊT du média fa
&#9210; 23fa Black circle for RECORD of media Cercle noir pour ENREGISTREMENT du média fa
🔀 &#128256; 1f500 Twisted rightwards arrows, shuffle random music Écoute aléatoire fa
&#9835; 266b Music note Note de musique fa
🎵 &#127925; 1f3b5 Music note Note de musique fa
🔈 &#128264; 1f508 Speaker, Volume off, Sound Haut-parleur, Volume éteint, Son fa
🎧 &#127911; 1f3a7 Headphone Écouteurs, Casque d'écoute fa

Punctuations

Sign HTML HEX English description Description française Glyphicons
&nbsp; 0020 Space, Empty space, White space, %20 in URLs Espacement, espace blanc
, &comma; 002c Comma Virgule
* &ast; 002a Asterisk, Star Astérisque fa
&#10033; 2731 Heavy asterisk, Star Astérisque gras fa
&#8942; 22ee Vertical ellipsis (three dots), Menu Trois points verticaux, Navigation fa
&hellip; 2026 Horizontal ellipsis (three dots) Trois points horizontaux, Points de suspension fa
&#8229; 2025 Two dots. Often used in code Deux points
: &#58; 003a Colon Deux points
; &#59; 003b Semicolon Point virgule
&lsquo; 2018 Left single quotation mark Apostrophe d’ouverture, Simple guillemet
&rsquo; 2019 Right single quotation mark Apostrophe d’ouverture, Simple guillemet
' &#39; 27 Mathematical (neutral) apostrophe, Single quotation mark used in coding Apostrophe neutre, Simple guillemet mathématiques utilisés pour coder
&ldquo; 201c English opening double quotation mark Doubles guillemets anglais d’ouverture fa
&rdquo; 201d French closing double quotation mark Doubles guillemets anglais de fermeture fa
« &laquo; 00ab French opening (double) quotes Doubles guillemets français de d'ouverture fa
» &raquo; 00bb French closing (double) quotes Doubles guillemets français de fermeture fa
" &quot; 0022 Mathematical (neutral) double quotation mark used in coding Doubles guillemets mathématiques utilisés pour coder
&bull; 2022 List style type disc <ul><li>, Bullet Boulet fa
&#9900; 26ac Bullet Boulet fa
&#9679; 25cf Medium black circle, Medium black bullet Boulet noir medium fa
&#9675; 25cb Medium white circle, Medium empty bullet fa
&#11044; 2b24 Large black circle, Largeblack bullet Boulet noir large fa
&#8227; 2023 Triangle pointer, Mini play icon, Right caret fa
&#11208; 2bc8 Medium black triangle pointer, Play audio video media button, macOS Bouton Play noir pour médias audio et vidéo fa
&#9655; 25b7 White triangle pointer, Play audio video media button Bouton Play blanc pour médias audio et vidéo fa
&dagger; 2020 Dagger Croix (simple) fa
&Dagger; 2021 Double dagger Croix double fa
&#9768; 2628 Cross of lorraine Croix de laurraine
& &amp; 0026 Ampersand Esperluette
¦ &brvbar; 00a6 Broken bar Barre verticale discontinue, barre déjointe fa
&ndash; 2013 EN Dash (medium hyphen) Trait d’union moyen fa
&mdash; 2014 EM Dash (large hyphen) Trait d’union large fa
&#11201; 2bc1 Diamond, Lozenge, Rotated square, macOS Losange, Carré retournée à 45° fa
&loz; 25ca Diamond, Lozenge Losange fa
© &copy; 00a9 Copyrights Droits fa
® &reg; Registered Enregistré fa
&hamilt; 210b Heading, HTML hash tags (h1, h2, h3, h4, h5, h6) Balises HTML de d’entête

Units

Sign HTML HEX English description Description française Glyphicons
° &deg; 00b0 Degree sign Degré
&deg;C 2103 Celsius degree Degré Celsius
&deg;F 2109 Fahrenheight degree Degré Fahrenheight
$ &dollar; 0024 CDN & USD currency Monnaie américaine fa.1 fa.2
💲 &#128178; 1f4b2 CDN & USD currency Monnaie américaine fa.1 fa.2
¢ &cent; 00a2 Cent currency Centime de dollar, pièce de monnaie
&euro; 20ac Europeen currency Euro, Europe fa
£ &pound; 00a3 Pound sterling, England currency Livre sterling, Angleterre fa
¥ &yen; 00a5 Yen, Chinese currency Chinois fa
&#8470; 2116 Number sign Numéro

Coding utilities

Sign HTML HEX English description Description française Glyphicons
&#9; 0009 Tabulation invisible spacing character Caractère invisible d'espacement par tabulation
& &amp; 0026 Ampersand Esperluette
/ &sol; 002f Solidus, Slash, Forward slash mark Barre oblique fa
\ &bsol; 005c Backward solidus, Backslash, Backward slash, Escaping slash Barre oblique inversée fa
| &vert; 007c Vertical line, Vertical bar, Pipe character Barre verticale (signe de ponctuation anglo-saxon), Tube
|| &Vert; 2016 () Double vertical line, Script operator Doubles lignes verticales fa
( &lpar; 0028 Left opening parenthesis Parenthése gauche d’ouverture
) &rpar; 0029 Right closing parenthesis Parenthése droite de fermeture
[ &lbrack; 005b Left opening square bracket Crochet gauche d’ouverture
] &rbrack; 005d Right closing square bracket Crochet droit de fermeture
{ &lbrace; 007b Left curly bracket, Opening brace Accolade gauche d’ouverture
} &rbrace; 007d Right curly bracket, Closing brace Accolade droite de fermeture
< &lt; 003c Left HTML bracket opening Chevron gauche d’ouverture du code HTML
> &gt; 003e Right HTML code bracket closing Chevron droite de fermeture du code HTML

Mathematical characters

Sign HTML HEX English description Description française Glyphicons
% &percnt; 0025 Percent Pourcent fa
&permil; 2030 Per thousand, Per mille, Permil Pour mille
&ang; 2220 Angle
< &lt; 003c Less than, Lower than Inférieur à fa
> &gt; 003e Greater than Supérieur à fa
&le; 2264 Less than OR equal to Inférieur OU égale à fa
&ge; 2265 Greater than OR equal to Supérieur OU égale à fa
&infin; 221e Infinity Infini fa
± &plusmn; 00b1 More or less Plus ou moins
+ &plus; 002b Plus Plus
&minus 2212 Minus Moins fa
× &times; 00d7 Multiplication Multiplication
÷ &divide; 00f7 Obelus, Literal division sign Obélus, Symbole litéraire de division fa
&radic; 221A Square root Racine carrée fa
= &equals; 003d Equal Égal fa
&ne; 2260 Not equal to Non égal à
&cong; 2245 Approximately equal to Aproximativement égale à
~ &tilde; 007e Tilde dash
&#8725; 2215 Division slash Barre oblique de division
&frasl; 2044 Fraction slash Barre oblique de fraction
½ &frac12; Fraction: An half Fraction d’une demie, 1/2
¼ &frac14; Fraction: A quarter Fraction d’un quart, 1/4
¾ &frac34; Fraction: Three quarter Fraction de trois quarts, 3/4
&prime; Prime Prime
&Prime; 0022 Double prime Seconde
&empty; 2205 Empty set, Mathematical null value. Vide, Valeure numérique nulle fa
² &sup2; 00b2 Exposant 2
³ &sup3; 00b3 Exposant 3

Random characters or icons

Sign HTML HEX English description Description française Glyphicons
&#8452; 2104 Center line, the central axis of a shape in technical engineering drawings. Le centre médiant d’une forme dessinées dans les plans techniques et dessins d’ingénierie.
&diams; 2662 Black Diamond Suit Carreaux (jeux de cartes) fa
&hearts; 2661 Black Heart Suit Coeurs (jeux de cartes) fa
&spades; 2664 Black Spade Suit Piques (jeux de cartes) fa
&clubs; 2667 Black Club Suit Trèfles (jeux de cartes) fa

 

Latin characters with accent

Lettres accentuées couramment utilisées en français

Lettre Circonflexe Grâve Aigu Tréma
^ &#94;
A &Acirc; = Â,
&acirc; = â
&Agrave; = À,
&agrave; = à
E &Ecirc; = Ê,
&ecirc; = ê
&Egrave; = È,
&egrave; = è
&Eacute; = É,
&eacute; = é
I &Icirc; = Î,
&icirc; = î
&Iuml; = Ï,
&iuml; = ï
O &Ocirc; = Ô,
&ocirc; = ô
&ouml; = Ö,
&ouml; = ö
U &Ucirc; = Û,
&ucirc; = û
&Ugrave; = Ù,
&ugrave; = ù
C &#199; = Ç
&#231; = ç
other &œ; = œ

Find more unicode characters

  1. (◕‿◕) SYMBL⌝
  2. Wikipedia’s
    1. Box drawing characters,
    2. List of XML and HTML character entity references,
    3. Miscellaneous Symbols and Pictographs.
  3. fileformat.info ➥ Search Unicode⌝ or this list of symbols.
  4. w3schools.com ➥ W3UTF-8 General Punctuation⌝.
  5. https://www.toptal.com/designers/htmlarrows/punctuation/
  6. http://graphemica.com/
  7. https://glyphsearch.com/
  8. https://en.wikipedia.org/wiki/List_of_Unicode_characters

 

 

 

Curly apostrophe «» VS strait «'» single quote character

The curly apostrophe typography IS the proper character used in written languages. If you open a book printed with a serif font type you usually see curved apostrophe not strait ones.

The practice is time consuming but writers, editor and programmers are encourage to use the (real) curly apostrophe in human reading text content instead of the strait single quote from your computer keyboard device.

By doing so you get two benefits at once when you make the effort of copy and pasting the real curved apostrophe quotation mark in your document:

  1. SEO: Curly apostrophe character will NOT be replaced by unreadable chains of alphanumeric characters when
  2. Code: Curly apostrophe does NOT break a script when used within a string of JavaScript, PHP or any other programming language. So programmers, no need to pollute your code with all those not human readable escaping backslash in your strings.

 

What is a Glyphicons!?

Characters used as icons. There are a lot of icon libraries out there that allow the integrations of graphic icons using CSS's @font-face property.

Bootstrap used to embed Glyphicons (in version 3) but since more mature libraries are now available, starting from version 4, they removed any dependencies to icons so we don't load unused libraries. In the mean time Font Awesome version 5 came out in 2017 with the option of extending it's SASS variables within Bootstrap 4. There for becoming de facto my preferred icon library when starting a new Bootstrap project.

Glyphicon libraries

These are the more stable options available sorted by popularity:

  1. Bootstrap icons⌝
  2. Font Awesome⌝
  3. Google Material Icons⌝
  4. Glyphicons⌝

 

Tips and Tricks

Common sets of characters

  • Single cote (apostrophe français):
  • EM dash (trait d’union large):
  • Navigating throughout menus : ‥/➥
  • Illustrating repositories : 📁↳📂↴📄
Common coding brackets as HTML characters
( ) < > { } [ ] <div class=""> </div>
&lpar; &rpar; &lt; &gt; &lbrace; &rbrace; &lbrack; &rbrack; &lt;div class&equals;""&gt; &lt;/div&gt;
Quotation marks (différents guillemets)
WYSIWYG string Coding quotes English quotes French quotes
<q>&hellip;</q> '…' "…"
&#39; … &#39; &quot; … &quot;
“…” « … »

Read more regarding styling <q> quotation marks for multi-languages websites on my blog.

How to use HEX characters within CSS

Simple use the CSS content property and precede the HEX character string by a backslash.

The following example will add the ellipse (3 dots) character at the end of a paragraph:

  1. DOM: <p class="example">Lorem ipsum</p>
  2. CSS: .example:after { content: "\2026"; }
  3. « Lorem ipsum… »

Markdown editing

⚠️ **GitHub.com Fallback** ⚠️