多言語対応のfont-family指定（繁体字・簡体字・タイ語・韓国語）【随時更新】

グローバルサイト製作時に多言語対応で困ることのひとつにフォント指定があります。
日本語や英語のフォント指定に関しては、ネット上でもたびたび話題に上がりますが、それ以外の言語では話題にも上がらずネット上の情報も多くはありません。

いろいろ調べた結果、フォント指定の知見が溜まってきたのでまとめておきます。

- 書体はゴシック体のみ
- フォント指定は基本的に英語表記のみ（`メイリオ`のような指定は古いブラウザ用のフォールバック）
- 「Google Fonts + 現地のフォント」を基本としています
- 「Google Fonts + 欧文フォント + 現地のフォント」のように好きに変更してしてください

## 英語
```css
Roboto, "Segoe UI", "Helvetica Neue", sans-serif;
```

英語以降の言語では、`"Segoe UI", "Helvetica Neue"`を適宜差し込んでください。

### Roboto
[Google Fonts](https://fonts.google.com/specimen/Roboto)です。バランスが良く扱いやすいフォントです。

代わりに[Open Sans](https://fonts.google.com/specimen/Open+Sans)を使うこともあります。

### Segoe UI
Windows7以降のデフォルト欧文フォントです。
「シーゴー」と読みます。

### Helvetica Neue
macOSとiOS用です。
「ヘルベチカ・ノイエ」と読みます。
Helveticaはイタリックがなくオブリーク（Oblique）でシステム的に斜体にしていますが、Helvetica Neueにはイタリックがあります。

[非デザイナーがイタリックとオブリークの違いについて調べた | cottala-becco](https://cottala-becco.com/italic_and_oblique/)

## 日本語
```css
"Noto Sans JP", "Hiragino Sans" , "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
```

### Noto Sans JP
[Google Fonts](https://fonts.google.com/specimen/Noto+Sans+JP)です。[Early AccessのNoto Sans JP](https://googlefonts.github.io/japanese/#notosansjapanese)より最適化されているようですので、こちらを使いましょう。

[正式版になった日本語Google Fontsは表示の高速化を期待できる - アイデアマンズブログ](https://blog.ideamans.com/2018/10/google-fonts-japanese.html)

### Hiragino Sans（ヒラギノ角ゴシック）
macOSとiOS用です。
ヒラギノ角ゴに10種類のウェイトを追加した、MacOS El capitan以降とiOS 9以降の日本語フォントです。
`font-weight`を`bold`のようなキーワードにしていると意図しない太さになってしまうこともありえるので気を付けましょう。

### Hiragino Kaku Gothic ProN（ヒラギノ角ゴ）
macOSとiOS用です。
MacOS 10.10以前とiOS9以前の日本語フォントです。Hiragino Sansのフォールバックとして指定します。

### Meiryo（メイリオ）
Windows用です。
OfficeをインストールしたMacにもインストールされるので、ヒラギノよりも後に指定します。
欧文フォントにはカスタマイズされたVerdanaが使われます。

[DocSetTitle:Windows User Experience Interaction Guidelines](https://msdn.microsoft.com/ja-jp/windows/desktop/aa511282)

### San Fransisco
コードブロックには含めていませんが、`-apple-system, BlinkMacSystemFont`を指定するとSan Fransiscoが使えます。
macOSとiOS用で、英語と日本語で反映されます。場合によってはNoto Sans JPの次に指定するのもいいかもしれません。

日本語では独自のヒラギノが反映されるようで、やや文字が小さいようです。参考記事が2018年なので改善されているかもしれず、実機での検証をしたほうが安全です。

[San Franciscoと日本語フォント](https://terkel.jp/archives/2018/07/san-francisco-and-japanese-font/)

## 簡体字（中国・シンガポール・マレーシア）
```css
"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
```

### Noto Sans SC
[Google Fonts](https://fonts.google.com/specimen/Noto+Sans+SC)です。
中国ではGoogleのサーバーが遮断されているので、フォントファイルをダウンロードして`@font-face`で読み込みます。

[中国から閲覧するWebサイトのアクセス遮断と対処法のまとめ（2016年9月）](https://try-m.co.jp/blog/marketing/647/)

### PingFang SC（苹方）
macOSとiOS用です。
PingFangはAppleが開発した中文用のフォントです。
ここでは簡体字を指定しています。

### Hiragino Sans GB（ヒラギノ角ゴ 簡体中文）
macOSとiOS用です。
ヒラギノ角ゴの簡体字版です。

### Microsoft YaHei（マイクロソフト ヤヘイ）
Windows用です。
簡体字版のメイリオです。欧文フォントにはカスタマイズされたSegoe UIが使われます。

## 繁体字（台湾・香港・マカオ）
```css
"Noto Sans TC", "PingFang TC", "Hiragino Sans CNS", "Microsoft JhengHei", sans-serif;
```

### Noto Sans TC
[Google Fonts](https://fonts.google.com/specimen/Noto+Sans+TC)です。

香港用には[Noto Sans HK](https://fonts.google.com/specimen/Noto+Sans+HK)も用意されています。

### PingFang TC（苹方）
macOSとiOS用です。
PingFangはAppleが開発した中文用のフォントです。
ここでは繁体字を指定しています。

### Hiragino Sans CNS（ヒラギノ角ゴ繁体中文）
macOSとiOS用です。
ヒラギノ角ゴの繁体字版です。

### Microsoft JhengHei（マイクロソフト ヤヘイ）
Windows用です。
繁体字版のメイリオです。欧文フォントにはカスタマイズされたSegoe UIが使われます。

## タイ語
```css
"Noto Sans Thai", Leelawadee, thonburi, Tahoma, sans-serif;
```

### Noto Sans Thai
Early Accessの[Google Fonts](https://fonts.google.com/earlyaccess#Noto+Sans+Thai)です。

[Kanit](https://fonts.google.com/specimen/Kanit)もよく使われているそうです。

### Leelawadee
Windows用です。
タイ語版のメイリオです。

### thonburi
macOSとiOS、Windows用です。
タイ語のポピュラーなフォントのようです。
後述する「Tahoma」と同じように、発音符号が子音字の上側にうまく表示されないこともあるようです。

[タイ語の無料フォントをダウンロードして使おう！おすすめフォントを紹介します。 | 独学タイ語タイスタディ](https://thaistudy.net/font_thai_language/)

### Tahoma
macOSとWindows用です。
thonburiと同じくポピュラーなフォントのようです。

## 韓国語
```css
"Noto Sans KR", "Apple SD Gothic Neo", Gulim, "Malgun Gothic", sans-serif;
```

### Noto Sans KR
[Google Fonts](https://fonts.google.com/specimen/Noto+Sans+KR)です。

### Apple SD Gothic Neo
macOSとiOS用です。
詳細を掴めていませんが、[System Fonts - Fonts - Apple Developer](https://developer.apple.com/fonts/system-fonts/)によると、最大で9つのウェイトがあり、ヒラギノ角ゴシックのようなフォントではと推測しています。

[MacのPagesで中国語、日本語、または韓国語テキストのフォーマットを設定する - Apple サポート](https://support.apple.com/ja-jp/guide/pages/tanfbd4156e/mac)

### Gulim
macOS用です。

### Malgun Gothic
Windows用です。
韓国語版のメイリオです。欧文フォントにはカスタマイズされたSegoe UIが使われます。

## まとめ
ネットで収集した情報がほとんどなので、ローカライズとして適切なのか分かっていないことも多いです。
説明の誤りや、より良いフォント指定がありましたらコメントいただけると助かります。

2025/5/2追記。WindowsでNotoフォントが標準で搭載されるようになりました。未検証ですが、Google Fontsとは差異があるようです。

- [Windows 10/11に「Noto」フォントが標準搭載へ ～日中韓のWebブラウジングが改善 - 窓の杜](https://forest.watch.impress.co.jp/docs/news/1670239.html)
- [Noto Sans/Serif JPｰVFの簡易比較 - 実験る～む](https://dslabo.blog.fc2.com/blog-entry-2476.html)