Arial Narrow は Google Fonts にある？ ないけれど、この 6 書体が近い
最終確認： ／ ArialNarrow.com 編集部
結論から言うと
ありません。Arial Narrow は Monotype のもので、Google Fonts が扱うのはオープンソースのフォントだけです。Google Fonts で最も近い無料フォントは Archivo Narrow、次いで Roboto Condensed です。どちらも商用利用が無料で、1 行のコードで Web サイトに追加できます。日本語部分には Noto Sans JP などの和文フォントを組み合わせましょう。
代わりのフォントに求めること
Arial Narrow の長所は 3 つあります。スペースを節約できること、x ハイトが高く小さな文字でも読みやすいこと、そしてレイアウトに溶け込むほど素直なことです。よい代わりのフォントにも同じことが求められます。Oswald や Bebas Neue のような見出し専用フォントはさらにスペースを節約できますが、表のデータや本文には主張が強すぎます。
既存のデザインに合わせる場合は、文字幅がいちばん重要です。ここに挙げたフォントはどれも Arial Narrow と文字幅が完全には一致しないため、テキストが少し流れ直します。改行位置をまったく同じにしたいなら、Google Fonts では解決できません。Google 以外の入手先は合法な無料フォントサイトの一覧をどうぞ。文字幅を完全に合わせたいなら、代わりに Liberation Sans Narrow を使いましょう。
1. Archivo Narrow
全体的にいちばん近い太さもリズムも近く、飾り気のないグロテスクらしさも同じ。1 つだけ試すならこれです。
Google Fonts で Archivo Narrow を見る →<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@400;700&display=swap">2. Roboto Condensed
近いが、やや丸いカーブが少し柔らかく、ウェイトの幅がずっと広い書体。アプリやダッシュボードならいちばん無難な選択です。
Google Fonts で Roboto Condensed を見る →<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap">3. PT Sans Narrow
同じ幅で、より温かいヒューマニスト系のデザインなので、文字が親しみやすく見えます。長めの文章でも読みやすいフォントです。
Google Fonts で PT Sans Narrow を見る →<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@400;700&display=swap">4. IBM Plex Sans Condensed
役割は同じで、より技術的シャープで設計された印象があり、表に使いやすい数字が優秀です。データ量の多いプロダクトに最適。
Google Fonts で IBM Plex Sans Condensed を見る →<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Condensed:wght@400;700&display=swap">5. Barlow Condensed
さらに細く、個性的1 行にもっと多くの文字を詰め込めます。見出し、スコアボード、サインに向いています。
Google Fonts で Barlow Condensed を見る →<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&display=swap">6. Open Sans（コンデンス幅）
ゆったりして開放的可変の幅軸（wdth）を 75 に設定して使います。画面上の小さな文字でもとても読みやすいフォントです。
Google Fonts で Open Sans（コンデンス幅） を見る →<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wdth,wght@75,400;75,700&display=swap">
フォントスタックの先頭には Arial Narrow を残す
Arial Narrow を完全にあきらめる必要はありません。先頭に Arial Narrow、次に Google のフォントを指定します。Arial Narrow が入っている閲覧者には本物が、それ以外の人には無料の代わりのフォントが表示されます。
font-family: 'Arial Narrow', 'Archivo Narrow', sans-serif;注意点は、Windows と Mac でサイトの見た目が少し変わることです。見た目の統一を優先するなら、Google のフォントを先頭にしましょう。
よくある質問
Arial Narrow が Google Fonts にないのはなぜ？
Google Fonts が配信しているのは、SIL Open Font License などのオープンライセンスで公開されたフォントだけです。Arial Narrow は Monotype が権利を持ち、商用で販売しているため、Google には配信する権利がありません。
Arimo は Arial Narrow と同じですか？
違います。Google Fonts にある Arimo は通常の Arial と文字幅が同じで、Arial Narrow とは一致しません。ナロー版やコンデンス版もないので、スペースの節約にはなりません。
代わりに Arial Narrow を自分のサイトにアップロードしてもいい？
Monotype の Web フォントライセンスがある場合に限ります。Microsoft Office に付属するコピーは文書用のライセンスで、サイトの訪問者に配信するためのものではありません。
これらのフォントは Google から読み込むべき？ 自前でホストすべき？
どちらでもかまいません。セルフホストなら完全に管理でき、Google のサーバーへのリクエストも発生しないため、プライバシー関連の法律を気にする場合に有利です。Google の CDN は設定がすぐ終わります。このリストのフォントはすべて両方の方法を認めています。