やりたいこと
Windows環境でベトナム語（声調記号付き文字）を正しく表示したい。
具体的には以下の状態を解消する。
- 文字が□（豆腐）になる
- 一部の文字が欠ける
- Webサイトやアプリで文字化けする
ベトナム語サイトの制作・文字化け対応で止まっていませんか？
この記事を書いた制作者が、フォント実装・多言語WordPress構築・文字化け解消までまとめて対応します。相談・お見積もりは無料。1件のスポット修正からサイト一式まで。
※フォーム1分。営業メールは送りません。
コピペするだけ。ベトナム語フォントのCSS実装一式を無料配布中
解決方法
Windowsでベトナム語フォントが表示されない場合は、以下の対応で解決できます。
① ベトナム語対応フォントを使用する
まずはフォントを確認します。
Windows標準フォントではベトナム語に完全対応していないことがあります。
対応しているフォント：
- Noto Sans
- Noto Serif
- Roboto
Google Fontsのフォントであれば、そのまま利用可能です。
② フォントをWindowsにインストールする
手順は以下の通り。
- フォントファイルをダウンロード
- 右クリック → インストール
- または「すべてのユーザーにインストール」を選択
これでシステム全体で利用できるようになります。
③ ブラウザ・アプリを再起動する
フォント追加後に反映されない場合があります。
- Chrome / Edge を再起動
- エディタ（VSCodeなど）も再起動
④ 文字コードをUTF-8にする
HTMLやCSVなどで文字化けする場合は、文字コードを確認します。
<meta charset="UTF-8">UTF-8でない場合、ベトナム語は正しく表示されません。
⑤ システムの言語設定を確認する（必要な場合）
一部のアプリでは、言語設定の影響を受けることがあります。
- 設定 → 時刻と言語 → 言語
- ベトナム語を追加すると改善する場合あり
Windowsで「一部の文字だけ形が違う」ときは、Webフォントの収録漏れ
Windowsでベトナム語のWebサイトを開いたとき、豆腐（□）にはならないのに「ơ」「ư」「ặ」だけ太さや形が違って見えることがあります。原因の多くはWindowsではなく、サイト側で指定している日本語Webフォントにベトナム語の文字が入っていないことです。足りない文字だけ、Windowsにある別のフォントで表示されます。
Google Fontsの主なフォントについて、ベトナム語の声調記号付きの文字146字を収録しているかを、フォントファイルを読み込んで数えました。
| フォント | 収録数（146字中） | Google Fontsのベトナム語サブセット |
|---|---|---|
| Noto Sans JP | 146（すべて） | あり |
| M PLUS 1p | 146（すべて） | あり |
| BIZ UDPゴシック | 52 | なし |
| Zen角ゴシック New | 46 | なし |
| Noto Sans／Roboto／Open Sans／Lato | 146（すべて） | あり |
| Be Vietnam Pro | 146（すべて） | あり |
調べ方：google/fonts リポジトリの配布フォントを fontTools で照合（cmap）、配信CSSのサブセットは fonts.googleapis.com で確認（2026年10月12日）。
Chromium 141 でテスト文「Phở bò, Ưu đãi đặc biệt, Đà Nẵng, Hồ Chí Minh」（45字）を表示し、どのフォントで何文字描画されたかを確認すると、Zen角ゴシック New指定では8字、BIZ UDPゴシック指定では4字が別のフォントで描画されました。Noto Sans JP と Be Vietnam Pro は45字すべて指定どおりです。
WindowsのChrome・Edgeでも同じ仕組みで別フォントに置き換わるため、BIZ UDPゴシックやZen角ゴシック Newを基本フォントにしているサイトは、Windowsでもベトナム語が混ざって表示されます。
Windowsでも崩れないfont-familyの書き方
ベトナム語の箇所に lang=”vi” を付け、その部分だけベトナム語に対応したフォントを先頭に置きます。Windowsの標準フォントでは Segoe UI がベトナム語に対応しているため、フォールバックに入れておくと安心です。
body {
font-family: "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
}
:lang(vi) {
font-family: "Be Vietnam Pro", "Noto Sans", "Segoe UI", sans-serif;
}<p lang="vi">Đà Nẵng, Hồ Chí Minh</p>サイト全体をベトナム語で作る場合は、html 要素に lang=”vi” を付ければ、ページ全体がこの指定になります。
動作メモ
- Noto Sansを指定するとほぼ問題なく表示できる
- Windows標準フォントでは一部文字が欠けることがある
- フォント未インストールの場合は表示されない
- 古い環境では再起動が必要なケースあり
補足
Windowsは環境によってフォントの挙動が異なるため、
「フォントの選定」と「文字コード確認」が重要です。
関連記事
ベトナム語フォントが表示できない時の解決方法
ベトナム語フォントをMacで表示する方法
ベトナム語フォントをCSSで正しく表示する方法【文字化け・表示崩れ対策】
ベトナム語フォントまとめ
