La Fibre
Télécom => Télécom => 
Veille technologique => Discussion démarrée par: vivien le 22 octobre 2024 à 22:58:21
-
Choix des polices de caractères : avec ou sans empattement ?
Le choix de la police d’écriture est très important, il va définir l’apparence de tous vos textes.
7 grandes familles de polices de caractères (ou polices d’écriture) existent :
- Polices avec empattements (serif) 📖
- Polices sans empattement (sans différences entre I et l 💔)
- Polices sans empattement (avec différences entre I et l ❤️)
- Polices à espacement fixe (chasse fixe) 📏
- Polices manuscrites, en licence ouverte 📜
- Polices décoratives 🆎
- Polices avec des émojis en couleurs 🌈
Qu'est-ce qu'un empattement ?
(https://lafibre.info/images/tuto/conseils_polices_de_caracteres_serif_et_sans-serif.svg) Les empattements (ici en rouge) proviendraient de la trace laissée par la plume ou le pinceau lors de l’écriture. Il y a un siècle, les empattements étaient systématiquement utilisés, et les rares polices sans empattement étaient considérées comme des « polices grotesques ».
Polices avec empattements
On conseille historiquement d’utiliser une police avec empattements dans le corps d’un texte long, car les « extensions » en fin de caractères permettent en effet un meilleur confort de lecture. L’utilisation de polices avec empattements est de plus en plus remise en question, et plusieurs acteurs basculent d’une police avec empattements à une police sans empattement.
Les polices avec empattements expriment l’autorité, le professionnalisme, la tradition et le raffinement. Les polices avec empattements sont donc utilisées pour des logos, des documents officiels et pour le corps du texte de nombreux livres.
- Apple utilisait jusqu’en 2001 une police avec empattements, Apple Garamond sur la majorité de ses produits. Exemple :
(https://lafibre.info/images/logo/logo_apple_think_different.svg) - Word 2003 (et les versions plus anciennes) utilisent par défaut une police avec empattements : Times New Roman ;
- LibreOffice Writer utilise toujours aujourd’hui par défaut une police avec empattements : Liberation Serif ;
- Les navigateurs web utilisent encore aujourd’hui une police avec empattements, pour les sites web qui ne spécifient pas la police à utiliser : Google Chrome et Microsoft Edge utilisent Times New Roman quelle que soit la plateforme. Firefox utilise Times New Roman (sous Windows) et Noto Serif (sous Linux) ;
Polices sans empattement
Les polices sans empattement sont idéales lorsque l’espace disponible est réduit : ces polices sont plus lisibles et plus accrocheuses pour l’œil. Les polices sans empattement, plus épurées, traduisent la modernité. Pour les personnes dyslexiques et malvoyantes, il est généralement plus simple de lire une police sans empattement.
- Depuis 2002, Apple utilise désormais une police sans empattement sur ses produits et services : Myriad (depuis Mac OS X 10.2 en 2002), puis San Francisco à partir de 2015 ;
- Depuis 2007, Microsoft Office utilise désormais par défaut une police sans empattement : Calibri (Office 2007 à Office 2021) puis Aptos (Office 2024 et Office 365 à jour) ;
- LibreOffice Calc, Impress et LibreOffice Draw utilisent par défaut une police sans empattement : Liberation Sans ;
- La suite bureautique de Google (Docs, Sheets, Slides et Forms) utilise par défaut une police sans empattement : Arial ;
- Les navigateurs web utilisent une police sans empattement pour leur interface et pour afficher le code source ;
- Le système d’exploitation Windows utilise par défaut une police sans empattement : Segoe UI ;
- Le système d’exploitation Android utilise par défaut une police sans empattement : Roboto ;
- Le système d’exploitation Ubuntu utilises par défaut une police sans empattement : Ubuntu ;
- Les textes (hors logos) diffusés sur les chaînes de télévision sont toujours sans empattement ;
- Les publicités, quel que soit le mode de diffusion, utilisent presque systématiquement des polices sans empattement ;
- La signalisation routière utilise une police de caractère visible à longue distance, sans empattement ;
- La charte graphique de l’Arcep demande l’utilisation d’une police sans empattement : Open Sans sur internet et Now Alt pour les documents imprimés (« Now Alt » est la police « Now » avec une unique différence : le « a » minuscule).
Police à espace fixe
Une police à espacement fixe — également appelée police à chasse fixe, police à largeur fixe ou police non proportionnelle — est une police d’écriture au sein de laquelle chaque lettre et chaque caractère (y compris l'espace) occupe le même espace horizontal que les autres.
_______________
/ C’est utile \
| pour dessiner |
\ en ASCII /
---------------
\
\
.--.
|o_o |
|:_/ |
// \ \
(| | )
/'\_ _/`\
\___)=(___/
-
J'ai été contraint de mettre une image, mais cliquer sur l'image pour ouvrir le fichier PDF. Les liens de téléchargements sont actifs dans le PDF.
(https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement_1.webp) (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.pdf#page=3)
(https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement_2.webp) (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.pdf#page=4)
-
J'ai été contraint de mettre une image, mais cliquer sur l'image pour ouvrir le fichier PDF. Les liens de téléchargements sont actifs dans le PDF.
(https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement_3a.webp) (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.pdf#page=5)
(https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement_3b.webp) (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.pdf#page=6)
-
J'ai été contraint de mettre une image, mais cliquer sur l'image pour ouvrir le fichier PDF. Les liens de téléchargements sont actifs dans le PDF.
(https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement_4.webp) (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.pdf#page=7)
(https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement_5.webp) (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.pdf#page=8)
(https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement_6.webp) (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.pdf#page=9)
(https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement_7.avif) (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.pdf#page=10)
⇒ Une partie des polices utilisées dans ce document (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.zip) (fichier .zip 4 Mo)
-
Les polices avec empattements expriment l’autorité, le professionnalisme, la tradition et le raffinement.
La charte graphique de l’Arcep demande l’utilisation d’une police sans empattement
Que faut-il en penser? ;D
-
Que l'Arcep évoque plus la modernité ?
Coté site web, c'est très rare de trouver aujourd'hui un site avec une police avec empattement. L'exception à la règle : https://www.lemonde.fr (il y a des empattements sur le site web et la version papier du journal pour le corps du texte).
Là, on en trouve encore de l'empattement, c'est dans ce qui est imprimé (livres, journaux,...) mais ce n'est pas généralisé.
Exemples : Pas d'empattement pour "La République de Seine-et-Marne" dans sa version papier :
(https://lafibre.info/images/dsp/202407_rep77_vert-saint-denis_coupure_fibre.jpg)
Même chose pour "QUE Choisir" en version papier :
(https://lafibre.info/images/bistro/202003_test_que_choisir_anti-virus.png)
On retrouve des empâtements sur tous les vieux documents, comme ci-dessous cette brochure de 1954 de la Compagnie Générale de Constructions Téléphoniques.
Je note toutefois que le logo de la Compagnie Générale de Constructions Téléphoniques (https://lafibre.info/histoire/compagnie-generale-de-constructions-telephoniques/) est sans empattement.
(https://lafibre.info/images/histoire/195400_compagnie_generale_de_constructions_telephoniques_03.webp)
-
Suis-je le seul à trouver que les polices "sans-serif" provoquent parfois des ambiguités dans la lecture, par exemple entre le chiffre 1, le l minuscule et le I majuscule notamment ?
(je sais, je suis vieux et j'ai une mauvaise vue) ...
Pour la lecture d'un texte, on interprète comme il faut sans difficultés, mais en informatique, c'est pénible.
-
Oui.
Certaines polices sans-serif, comme Luciole (police Française) ont corrigé ce problème : https://www.luciole-vision.com/
-
- Apple utilisait jusqu’en 2014 une police avec empattements, Apple Garamond sur la majorité de ses produits ;
Alors non, ils ont arrêté Garamond a la sortie de Mac OS 10.2 pour passer sur Myriad. Donc plutôt 2002
-
Myriad était utilisé sur le système Mac OS 10.2 ?
Wikipedia (page Typographies d'Apple (https://fr.wikipedia.org/wiki/Typographies_d%27Apple)) mentionnait uniquement sa promotion :
En 2002, Apple a commencé à glisser progressivement vers la famille de polices Apple Myriad, pour son marketing et le conditionnement du matériel.
Campagne "Think Different" d'Apple en 1997, avec la police Apple Garamond :
https://lafibre.info/videos/logiciels/199700_apple_think_different_vf.webm
-
Oui :
(https://pix.milkywan.fr/8bKwoZUr.png)
https://arstechnica.com/gadgets/2002/09/macosx-10-2/#page-2
-
Merci. J'ai corrigé mon premier message (le PDF sera corrigé ce soir).
-
Outre la simplification visuelle, une des raisons pourquoi les empattements ont perdu en popularité est que les écrans ont une définition limitée. Or, les empattements bénéficient beaucoup d'un DPI élevé pour être représentés de manière précise. (Après tout, les polices de caractères utilisées sur Amiga/DOS/Windows 3.x dans les années 80/90 n'avaient presque jamais d'empattements.)
Les écrans à DPI élevé tardent encore à se devélopper en dehors des smartphones et Macs, donc je ne les vois pas faire un retour de si tôt. Pour les titres qui sont écrits plus gros, c'est moins problématique car ils ont davantage de pixels pour être représentés.
-
Suis-je le seul à trouver que les polices "sans-serif" provoquent parfois des ambiguités dans la lecture, par exemple entre le chiffre 1, le l minuscule et le I majuscule notamment ?
(je sais, je suis vieux et j'ai une mauvaise vue) ...
Pour la lecture d'un texte, on interprète comme il faut sans difficultés, mais en informatique, c'est pénible.
Tu as bien raison, c'est assez systématique et vraiment lamentable. >:(
Je ne comprends pas comment des gens dont c'est le métier en arrivent à faire (presque) toujours la même erreur évidente. Une bonne raison de ne pas apprécier les polices sans serif habituelles.
Je note que Verdana, Trebuchet et Tahoma ne souffrent pas de ce problème.
-
J'ai revu mon classement des polices sans empattement : Il y a maintenant celles qui ne font pas de différences entre I et l et celles qui font ces différences, avec un empâtement rajouté au I ou au l.
(https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement_2.webp) (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.pdf#page=4)
-
(https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement_3a.webp) (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.pdf#page=5)
(https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement_3b.webp) (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.pdf#page=6)
-
(https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement_7.avif) (https://lafibre.info/images/tuto/polices_de_caracteres_avec_ou_sans_empattement.pdf#page=10)
-
Comment insérer un émoji facilement sous Windows ?
Ces émojis sont des simples caractères Unicode, il est possible de les utiliser dans n’importe quelle application qui utilise du texte et qui est suffisamment moderne pour accepter des caractères Unicode.
La table de caractère Unicode peut contenir plus d’un million de caractères, là où l’ASCII était limité à 128 ou 256 caractères. Cela a permis de stocker les caractères des langues étrangères à l’anglais, mais également des émojis.
Sous Windows, il suffit d’appuyer sur la combinaison de touche « Windows » + « ; » simultanément :
(https://lafibre.info/testdebit/windows11/202410_windows11_emoki_raccourci_clavier.webp)
Une fenêtre s'ouvre pour rajouter un émoji, quelle que soit votre application.
Cela fonctionne même avec le bloc-note, car c'est un caractère UTF-8 :
(https://lafibre.info/testdebit/windows11/202410_windows11_emoki_bloc-notes.webp)
Comment insérer un émoji facilement sous Mac ?
Appuyer sur la combinaison de touche « Fn » + « E » ou « 🌐 » + « E », ou choisir le menu « Édition » puis « Émoji et symboles ».
Pour voir les différentes couleurs de peau d’un émoji, cliquer sur l’émoji dans le visualiseur et maintenir le bouton de la souris enfoncé.
Pour gagner du temps, si vous connaissez l’émoji, vous pouvez saisir un mot ou une expression décrivant l’émoji directement dans votre logiciel, comme « cœur » ou « pouce en l’air », puis utiliser la combinaison de touche « Fn » + « E » ou « 🌐 » + « E ».
-
Comment insérer un émoji facilement sous Linux ? (Gnome)
Une application est pré-installée sur les distributions basées sur Gnome, comme Ubuntu : Caractères
(https://lafibre.info/testdebit/ubuntu/202410_ubuntu_gnome_caracteres_1.webp)
En lançant Caractères, on arrive sur une fenêtre qui permet de choir très naturellement son émoji UTF-8.
Quand on clique sur un émoji, on peut copier le caractère pour le remettre dans n'importe quelle application qui accepte du texte en entrée.
(https://lafibre.info/testdebit/ubuntu/202410_ubuntu_gnome_caracteres_2.webp)
-
Cela fonctionne bien sûr sur le forum.
Voici ci-dessous un message texte, sans aucune image.
Émoticônes et émotions
🤓 😇 🥰 🤪 🥵 🥳 😸 😻 🙀 🙈 💞 💋 💚 💦
Personnages et corps
👋 👋🏻 👋🏽 👋🏿 🫶 🫱🏻🫲🏾 💅🏻 🦶🏿 🧠 🫀 👅 👶 🧒🏼 👱🏾
Animaux et nature
🐒 🦍 🦮 🦄 🐦 🐧 🐞 🦠 🌻 🌷 🌳 🌵 🍂 🪺
Nourriture et boisson
🍉 🍌 🥖 🫕 🍿 🧂 🎂 🍼 🍾 🍻 🫗 🧊 🍽️ 🏺
Voyages et lieux
🌍 🏝️ 🏡 🏗️ 🗼 🌃 🎢 🚈 🚔 🪂 🕠 🌜 ⚡ 🌈
Activités
🎄 🧨 🎉 🎁 🥇 🏀 🤿 🎯 🔫 🎮 🃏 🖼️ 🎨 🪡
Objets
🩳 🥾 👑 💍 📻 📲 🪫 💻 📷 📚 💶 ✒️ 🧲 🛋️
Symboles
🚮 🚸 📵 ☢️ 🔀 🔆 ♀️ ❓ ⚕️ ✅ 📛 🔟 🆓 🟣
Drapeaux
🏁 🚩 🎌 🏳️ 🏳️🌈 🏴☠️ 🇦🇶 🇲🇫 🇾🇹 🇪🇺 🇺🇳 🇵🇼 🇳🇵 🏴
La représentation des émojis varie selon la police de caractère utilisée (c'est même en noir et blanc sur de vieux PC) mais le dessin représente toujours la même chose.
Utilisée dans un PDF, la police de caractère est intégrée, la représentation sera donc toujours la même.
Attention, les vieux traitements de textes sont incapables de gérer correctement les émojis Unicode (il arrive aussi qu'ils gèrent les émojis Unicode dans leur interface, mais que lors de l'export PDF, ils soient absents).