Discussion MediaWiki:Gadget-StyleScripts.css

Utilité en 2021 ?

Bonsoir,

Cette feuille CSS provoque l'affichage d'autres fontes (un "font-stack" datant d'une douzaine d'années, avant les Notos de Google) que celles choisies pour le texte latin, sans que cela soit justifié par l'état technologique actuel des navigateurs.

Elle a d'ailleurs été créée en 2014, en important du code de common.css datant de 2009 (lui-même un import par Darkdadaah (d · c · b) d'un code venant de w:Utilisateur:Verdy_p/polices.css, code qui a beaucoup évolué de son côté depuis).

Fonte choisie par chaque font-stack selon les OS (à chaque fois j’assume une configuration standard et un système à jour) :

Vietnamien

• Android : aucune de la liste
• iOS : Verdana (Tahoma avec une chasse plus large)
• Linux : DejaVu Sans
• macOS : Tahoma
• Windows : Segoe UI

Commentaire : font-stack de peu d’intérêt. Le vietnamien est plus lisible qu’avec les choix par défaut sur Mac et iOS (Helvetica) et Windows (Arial), parce qu’Helvetica et Arial sont des vieilles fontes pas spécialement faites pour la lecture à l’écran. Il serait donc pertinent de définir une font-stack commune au latin, grec et cyrillique pour l’ensemble du Wiktionnaire. Mais en ce qui concerne cette font-stack particulière : à supprimer.

Grec

• Android : aucune de la liste
• iOS : Verdana (Tahoma avec une chasse plus large)
• Linux : DejaVu Sans
• macOS : Tahoma
• Windows : Segoe UI

Commentaire : comme pour le vietnamien.

Copte

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : aucune de la liste
• Windows : Segoe UI (qui n’a pas de caractères coptes…)

Commentaire : cette font-stack va faire plus de mal que de bien. Le mieux est de laisser les navigateurs se débrouiller. À supprimer.

Cyrillique

• Android : aucune de la liste
• iOS : Verdana (Tahoma avec une chasse plus large)
• Linux : DejaVu Sans
• macOS : Tahoma
• Windows : Segoe UI

Commentaire : comme pour le vietnamien.

Arménien

• Android : DejaVu Sans
• iOS : aucune de la liste
• Linux : DejaVu Sans
• macOS : aucune de la liste
• Windows : Segoe UI (qui n’a pas de caractères arméniens…)

Commentaire : comme pour le copte.

Géorgien

• Android : DejaVu Sans
• iOS : aucune de la liste
• Linux : DejaVu Sans
• macOS : aucune de la liste
• Windows : Sylfaen (qui n’est pas une fonte géorgienne complète !)

Commentaire : comme pour le copte.

Hébreu

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : DejaVu Sans (les caractères hébreux ne sont toutefois pas présents dans tous les styles)
• macOS : aucune de la liste
• Windows : Tahoma

Commentaire : comme pour le copte.

Arabe

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : DejaVu Sans (les caractères arabes ne sont toutefois pas présents dans tous les styles)
• macOS : aucune de la liste
• Windows : Tahoma

Commentaire : comme pour le copte.

Syriaque

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : aucune de la liste
• Windows : Estrangelo Edessa

Commentaire : comme pour le copte.

Thâna

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : aucune de la liste
• Windows : Mv Boli

Commentaire : comme pour le copte.

Tifinagh

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : DejaVu Sans (les caractères tifinaghs ne sont toutefois pas présents dans tous les styles)
• macOS : aucune de la liste
• Windows : Ebrima

Commentaire : comme pour le copte.

Thaï

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : aucune de la liste
• Windows : Leelawadee

Commentaire : comme pour le copte.

Devanagari, bengali, gurmukhi, gujarati, oriya, tamoul, telugu, kannada, mlayalam, sinhala

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : aucune de la liste
• Windows : la fonte monoscript d’avant l’introduction de Nirmala UI (Windows 8 et versions ultérieures)

Commentaire : comme pour le copte.

Khmer

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : aucune de la liste
• Windows : MoolBoran (fonte d’avant Khmer UI)

Commentaire : comme pour le copte.

Laotien

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : DejaVu Sans (les caractères laotiens ne sont toutefois pas présents dans tous les styles)
• macOS : aucune de la liste
• Windows : MoolBoran (fonte d’avant Lao UI)

Commentaire : comme pour le copte.

Limbou

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : aucune de la liste
• Windows : Lucida Sans Console (qui n’a pas de caractères limbous…)

Commentaire : comme pour le copte.

Tibétain

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : aucune de la liste
• Windows : Microsoft Himalaya

Commentaire : comme pour le copte.

Éthiopien

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : aucune de la liste
• Windows : Nyala

Commentaire : comme pour le copte.

Cherokee

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : Plantagenet Cherokee
• Windows : Plantagenet Cherokee

Commentaire : comme pour le copte.

SACU

• Android : aucune de la liste
• iOS : aucune de la liste (Euphemia est nommée Euphemia UCAS sur iOS)
• Linux : ?
• macOS : aucune de la liste (Euphemia est nommée Euphemia UCAS sur macOS)
• Windows : Euphemia

Commentaire : comme pour le copte.

Coréen

• Android : aucune de la liste
• iOS : Apple SD Gothic Neo
• Linux : ?
• macOS : Apple SD Gothic Neo
• Windows : Malgun Gothic

Commentaire : beaucoup de fontes non coréennes dans la stack, mais autrement, nous sommes un peu dans le cas du vietnamien (la font-stack choisit des fontes plus lisibles que les choix par défaut, plus conservateurs). On peut la garder et la revoir dans une deuxième étape.

Japonais

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : aucune de la liste
• Windows : Meiryo

Commentaire : comme pour le coréen.

Chinois traditionnel

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : aucune de la liste
• Windows : Microsoft JhengHei

Commentaire : comme pour le coréen.

Chinois simplifié

• Android : aucune de la liste
• iOS : aucune de la liste
• Linux : ?
• macOS : aucune de la liste
• Windows : Microsoft YaHei

Commentaire : comme pour le coréen.

Hanunóo

• Android : Noto Sans Hanunoo (?)
• iOS : aucune de la liste
• Linux : ?
• macOS : Noto Sans Hanunoo
• Windows : aucune de la liste

Commentaire : comme pour le copte.

TL;DR : la plupart de ces font-stack sont plutôt nuisibles et devraient être supprimées : on laisse alors les navigateurs trouver la meilleure fonte (hormis le cas de bugs spécifiques dans des fontes, mais à priori cela ne concerne pas les systèmes d’écriture listés ici).

Certaines font-stack (CJK, grec, cyrillique… et même le latin, mais uniquement pour le vietnamien) apportent des fontes plus lisibles que les fontes par défaut, au prix d’une différence d’avec le texte latin alentour : se pose alors la question d’harmoniser l’affichage du latin, du grec et du cyrillique (par une font-family: 'DejaVu Sans', 'Lucida Grande', system-ui, sans-serif; appliquée sur tout le site, par exemple).

Ce qui donnerait :

À supprimer :

• Copte
• Arménien
• Géorgien
• Hébreu
• Arabe
• Syriaque
• Thâna
• Tifinagh
• Thaï
• Devanagari, bengali, gurmukhi, gujarati, oriya, tamoul, telugu, kannada, mlayalam, sinhala
• Khmer
• Laotien
• Limbou
• Tibétain
• Éthiopien
• Cherokee
• SACU
• Hanunóo

À conserver pour l'instant :

• Coréen
• Japonais
• Chinois traditionnel
• Chinois simplifié

À supprimer si on les harmonise avec une nouvelle font-stack pour le latin :

• Vietnamien
• Grec
• Cyrillique
• API

Pour cette dernière catégorie, je propose en effet le code CSS suivant, en premier dans MediaWiki:Common.css  :

.toc, body, img {font-family: 'DejaVu Sans', 'Lucida Grande', system-ui, sans-serif;}

Pour résoudre le problème mentionné à Wiktionnaire:Wikidémie/mai_2017#Problème_d'Unicode, je propose d'ajouter aussi :

.mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-sticky-header-context-bar-primary { font-family:'Libertinus',serif; }

.mw-body h1:lang(ckb), .mw-body-content h1:lang(ckb), .mw-body-content h2:lang(ckb) { font-family:'Scheherazade','Libertinus',serif; }

Vous pouvez tester l'effet (qui varie bien sûr selon votre système d'exploitation : Windows, macOS, Android, iOS, Linux…) en mettant dans votre common.css (juste pour le Wiktionnaire) ou votre global.css (pour tous les wikis) les codes ci-avant, soit :

.toc, body, img {font-family: 'DejaVu Sans', 'Lucida Grande', system-ui, sans-serif;}

.mw-body h1, .mw-body-content h1, .mw-body-content h2, .vector-sticky-header-context-bar-primary { font-family:'Libertinus',serif; }

.mw-body h1:lang(ckb), .mw-body-content h1:lang(ckb), .mw-body-content h2:lang(ckb) { font-family:'Scheherazade','Libertinus',serif; }

Keymap9 (discussion) 23 mai 2022 à 20:06 (UTC)

Bonjour, je propose ce centraliser cette discussion dans Wiktionnaire:Wikidémie/mars_2023#Font-stacks_obsolètes où elle est dupliquée. JackPotte ($♠) 28 mars 2023 à 20:01 (UTC)