web-dev-qa-db-fra.com

Polices Web standard japonaises

Je travaille sur un site Web japonais et j'ai du mal à trouver une police de caractère qui soit belle en japonais. J'ai été surpris que si peu de polices semblent exister pour le japonais. Mon équipe a contacté plusieurs fournisseurs de polices Web sans grand succès. Une seule société pouvait proposer une police Web pour le japonais, mais la taille des fichiers était de 35 mégaoctets, ce qui est beaucoup trop difficile à télécharger pour les clients sur leurs navigateurs.

Pour les lettres latines, il existe quelques polices dont presque tous les utilisateurs disposent, comme Arial, Verdana, TNR, Georgia, etc. Quelles polices correspondent à celles du Japon?

45
Mattias Örtenblad

Les polices Web pour le japonais, bien que peu de fournisseurs existent, n’est pas vraiment pratique car vous avez trouvé que la taille des données de police est trop volumineuse pour être téléchargée. En règle générale, les polices japonaises contiennent de 8 000 à 16 000 glyphes; par conséquent, créer de nouvelles polices signifie que vous devez créer au moins 8 000 glyphes, ce qui représente une tâche assez ardue. En conséquence, il existe très peu de variations dans les polices japonaises et les utilisateurs japonais s'intéressent également moins aux polices que les utilisateurs de caractères latins.

La plupart des sites Web japonais utilisent des jeux de polices par défaut fournis sous Windows ou Mac. Les plus récents sont Meiryo et Hiragino Kaku Gothic Pro. Pour les versions plus anciennes telles que Windows XP, il est conseillé d’ajouter les anciennes polices par défaut MS Gothic (ou MS Mincho)/Osaka.

Certains anciens navigateurs ne pouvaient pas comprendre ces noms de polices en anglais, d'autres ne les reconnaissaient pas en japonais. Il est donc prudent d'écrire en japonais et en anglais.

La commande de Meiryo et Hiragino est, parce que les utilisateurs de Mac peuvent avoir Meiryo de MS-Office, et Hiragino est plus familier et bien assorti sur Mac, mieux en démarrant la série Hiragino.

Donc, la pratique actuelle recommandée est comme ça,

font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
83
akky

Les polices ne doivent pas nécessairement être des "polices Web" (woff) pour être utilisées sur le Web. J'en utilise plusieurs sur mon site web:

Mais voici quelques polices Web japonaises gratuites (que j’utilise aussi):

7
PandaWood

Je ne suis pas un expert en matière de polices/design, mais à peu près tous les ordinateurs japonais devraient avoir des polices latines de base, comme celles que vous avez mentionnées, installées, afin qu'elles fonctionnent. Mais ces polices donnent une apparence occidentale aux caractères japonais. Si vous souhaitez utiliser des polices que les sites japonais utilisent généralement, je commencerai par parcourir certains des sites japonais les plus populaires et en utilisant des outils tels que Firebug ou les outils de développement Chrome pour examiner le code CSS et voir quelles polices ils référencent. Par exemple, yahoo.co.jp a actuellement ce CSS:

font-family: 'MS PGothic', Osaka, Arial, sans-serif;

Les polices de caractères " gothic " semblent relativement populaires de nos jours: sous Windows, les polices telles que MS Gothic, MS PGothic, etc. Ming la police de caractères est également largement utilisée. Voici les paramètres de police de navigateur par défaut pour Firefox sur mon ordinateur Windows japonais:

Japanese Firefox font settings

La police proportionnelle est la police sans-serif, qui est MS PGothic, la police serif est MS PMing et la police monospace est MS Gothic.

BTW, la police " Osaka " était une police standard sur les Mac japonais dans les années 90. À moins que vous ne souhaitiez une sensation "rétro", il est vivement recommandé d'utiliser "Hiragino Sans" (pas Kaku Gothic qui est déconseillé) pour les appareils macOS et iOS pour un look cohérent et moderne et une meilleure lisibilité. De plus, Hiragino Sans a bien plus de grammages de police (10) que Kaku Gothic (seulement 2).

7
Colin Fukai

Ceci est un vieux fil de discussion, mais si vous effectuez des recherches sur ce sujet, notez que Meiryo n'est plus une police standard chargée avec Windows. Depuis Windows 10, la nouvelle police par défaut est Yu Gothic. Cependant, vous pouvez toujours installer Meiryo manuellement. S'il vous plaît voir cet article article

5
karkell

C'est un vieux fil, mais je faisais des recherches à ce sujet aujourd'hui et j'ai constaté que Noto Sans est prêt pour la production (une information que j'avais lue il y a quelques années).

Je l'ai essayé en japonais et ça a l'air vraiment bien, cliquez ici: https://www.google.com/get/noto/

La police japonaise s'appelle 'Noto Sans CJK JP' (Chine/Japon/Corée Japon) si vous ne souhaitez pas télécharger le package en entier.

1
Mark Rossiter

Noto Sans CJK JP est également disponible pour Ubuntu Linux. Il est fourni dans le paquet officiel "fonts-noto-cjk". Une installation manuelle est toujours requise, il est prévu de l’installer sur des machines japonaises Ubuntu.

0
Tadayuki YOSHIDA

Pour ceux qui peuvent venir dans le futur, il existe un grand article (long et profond) sur ce sujet même écrit par un rédacteur japonais: Le guide le plus complet de la typographie Web en japonais .

Par exemple:

Les caractères kanji japonais utilisent plus de pixels que les caractères alphanumériques car ils comportent de nombreux traits. Par exemple, le caractère alphabétique «A» ne nécessite que 7 x 7 pixels, mais le caractère kanji «» nécessite 15 x 15 pixels pour être lisible.

Donc, ce n’est pas seulement une question de quantité, mais aussi de pixels par caractère. Tout à fait évident maintenant.

0
f-spin