web-dev-qa-db-ja.com

日本標準のWebフォント

私は日本のウェブサイトに取り組んでおり、日本語で見栄えの良いフォントを見つけるのに苦労しています。日本人にはフォントがほとんどないように見えることに驚いた。私のチームは、多くの成功を収めることなく、いくつかのWebフォントプロバイダーに連絡しました。日本語用のWebフォントを提供できるのは1社のみでしたが、35メガバイトであり、クライアントがブラウザにダウンロードするのにはあまりにも大きなものでした。

ラテン文字には、Arial、Verdana、TNR、Georgiaなど、ほとんどすべてのユーザーが持っていると確信できるフォントがいくつかあります。日本ではこれらのフォントに匹敵しますか?

47

日本語用のWebフォントは、プロバイダーはほとんどありませんが、ダウンロードするにはフォントデータのサイズが大きすぎるため、実際的ではありません。通常、日本語フォントには8,000〜16,000のグリフが含まれているため、新しいフォントを作成するには、少なくとも8,000のグリフを作成する必要がありますが、これはかなり大変な作業です。その結果、日本語フォントのバリエーションはほとんどなく、日本人ユーザーもラテン文字ユーザーよりもフォントを気にしません。

ほとんどの日本のWebサイトは、WindowsまたはMacで提供されるデフォルトのフォントセットを使用します。最新のものは明亮と平野角ゴシックプロです。 Windows XPなどの古いバージョンの場合、以前のデフォルトフォントMS Gothic(またはMS Mincho)/ Osakaを追加することをお勧めします。

一部の古いブラウザはそれらの英語のフォント名を理解できませんでしたが、他の一部のブラウザは日本語の名前を認識しないため、日本語と英語の両方で書くのは安全です。

MacユーザーはMS-OfficeのMeiryoを使用している可能性があるため、MeiryoとHiraginoの注文があります。HiraginoはHiraginoシリーズを開始することで、Macでより親しみやすく、よく一致します。

したがって、現在推奨されている方法は次のとおりです。

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

フォントは、Web上で使用するために「Webフォント」(woff)である必要はありません。私は私のウェブサイトでこれらのいくつかを使用します:

しかし、ここにいくつかの無料の日本語ウェブフォントがあります(私も使用しています):

7
PandaWood

私はフォント/デザインの専門家ではありませんが、ほとんどすべての日本のPCには、あなたが言及したような基本的なラテンフォントがインストールされている必要があります。しかし、これらのフォントは、日本のキャラクターに一種の西洋風の外観を与えます。日本のサイトで一般的に使用されているフォントを使用する場合は、人気のある日本のサイトを閲覧し、FirebugやChrome開発者ツールなどを使用してCSSを調べ、どのフォントを確認しますたとえば、yahoo.co.jpには現在このCSSがあります。

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

gothic 」書体フォントは最近非常に人気があります。Windowsでは、MS Gothic、MS PGothicなどのフォントです。 Ming 書体も広く使用されています。これらは、私の日本語Windowsマシン上のFirefoxのデフォルトのブラウザフォント設定です。

Japanese Firefox font settings

プロポーショナルフォントはsans-serifフォントで、MS PGothic、セリフフォントはMS PMing、モノスペースフォントはMS Gothicです。

ところで、 " Osaka "フォントは、90年代の日本のMacの標準フォントでした。 「レトロ」な感じがしたくない場合は、一貫性のあるモダンな外観と読みやすさのために、macOSおよびiOSデバイスに「Hiragino Sans」(非推奨のKaku Gothicではない)を使用することを強くお勧めします。また、Hiragino Sansには、Kaku Gothic(2つのみ)よりもはるかに多くのフォントウェイト(10)があります。

7
Colin Fukai

これは古いスレッドですが、現在これについて調査している人にとっては、MeiryoはWindowsにロードされる標準フォントではなくなったことに注意してください。 Windows 10以降、新しいデフォルトのフォントはYu Gothicです。ただし、Meiryoは手動でインストールできます。こちらをご覧ください 記事

5
karkell

これは古いスレッドですが、今日これを調査していたところ、能登さんは生産準備ができていることがわかりました(数年前に読んだものです)。

日本語で試してみましたが、見栄えがいいので、こちらのリンクをご覧ください: https://www.google.com/get/noto/

パッケージ全体をダウンロードしたくない場合、日本語フォントは「能登サンCJK JP」(中国/日本/韓国日本)と呼ばれます。

1
Mark Rossiter

「Noto Sans CJK JP」はUbuntu linuxでも利用できます。公式パッケージ「fonts-noto-cjk」として提供されます。まだ手動でのインストールが必要ですが、日本のUbuntuマシンにインストールすることが期待されています。

0

将来、誰が来るかについては、日本のコピーライターが書いたこの問題に関する素晴らしい(長くて深い)記事があります: 日本語でのWebタイポグラフィの最も包括的なガイド

例えば:

日本語の漢字は、多くのストロークで構成されているため、英数字よりも多くのピクセルを使用します。たとえば、アルファベット文字 "A"には7 x 7ピクセルしか必要ありませんが、漢字文字 "艦"を読むには15 x 15ピクセルが必要です。

したがって、量だけでなく、文字ごとのピクセルの問題でもあります。かなり明らかです。

0
f-spin