インドネシアの多くのブランドは、2つの読者に同時に語りかけています。国内のお客様にはインドネシア語、海外のパートナーや買い手には英語。どちらもラテン文字を使うので、どんなフォントでも大丈夫だと思いがちです。たいていはそのとおりですが、いくつかの細部が、両方の言語を同じように美しく見せられるかを左右します。

この記事は、2か国語サイトのフォント選びについてです。何を試すか、書体で何を確認するか、そして将来の3つ目の言語にどう備えるか。半日の作業で、デザインのやり直しを1回防げます。

インドネシア語は長くなる

同じ内容でも、インドネシア語は英語より長くなることが多く、pertanggungjawaban や memperkenalkan のように接頭辞と接尾辞でできた長い単語もあります。英語ではシャープに見える細身の見出し用フォントでも、翻訳した見出しが3行になったり、不自然な位置で単語が切れたりすることがあります。

選ぶ前に、デザイナーのサンプル文ではなく実際の見出しを両方の言語で組み、スマホで見てみてください。

書体で確認すること

はっきりと開いた小文字で、スマホの小さなサイズでも読みやすいこと。
見出し、本文、ボタンに十分なウェイト。通常は3〜4種類。
正しい約物と記号：カーリークォート、enダッシュ、ルピアとドルの記号、表で桁がそろう数字。
サイト、そして必要ならアプリや印刷物もカバーするWebライセンス。

フォントは、いちばん短い単語ではなく、いちばん長い単語で試しましょう。

2か国語サイトのフォントの試し方

フォントのテストに特別なツールはいりません。実際のコンテンツを両方の言語で入れたシンプルなページを1つ作り、訪問者と同じように見てみましょう。

一番長い見出しを両方の言語で、実際にスマホで表示されるサイズで組んでみます。
各言語で本文を1段落ずつ入れ、ミドルレンジのスマホで読んでみます。できれば屋外で。
価格表、ボタン、フォームのラベルも試します。弱いフォントが最初に崩れるのは小さな文字です。
2つの言語を切り替えて、メニューが折り返したり、ボタンが2行になったりと、崩れる箇所がないか確認します。
必要なウェイトのファイルサイズを確認します。ウェイトごとにダウンロードが発生するからです。

ファミリーは1つ？それとも2つ？

いくつかのウェイトを持つ1つのファミリーで、たいていブランド全体に十分です。2つを組み合わせるなら、たとえば見出しには個性のある書体、本文にはシンプルな書体というように役割をはっきり分け、どちらも両言語に必要な文字をすべて備えているか確認しましょう。

フォントと速度

フォントのウェイトはそれぞれ別のファイルで、訪問者はそれをダウンロードしてはじめて正しい文字を目にします。モバイル回線のスマホでは、4〜5個のフォントファイルで最初の表示がはっきり遅れることがあります。実際に使うウェイトだけを選び、可能ならバリアブルフォントを使い、ブランドフォントを読み込む間は代替フォントで文字を表示しましょう。そのほかはスマホでサイトが遅く感じる理由の記事で紹介しています。

3つ目の言語に備える

後から中国語、日本語、アラビア語が加わる可能性があるなら、それらの文字に合う相方を持つラテン書体を選ぶか、隣に並べても違和感のない代替フォントを計画しておきましょう。最初から想定して書体を選べば、言語の追加はずっと簡単です。

Google の Noto ファミリーは、まさにこのために作られました。世界の大半の文字体系を一貫したスタイルでカバーしているので、個性的なブランドフォントの横に置く代替フォントとして適しています。組み合わせや読みやすさについての参考資料には、無料でよく書かれた Google Fonts Knowledge がおすすめです。

よくある質問

印刷物と同じブランドフォントを使えますか？

多くの場合は使えます。ただしライセンスがウェブでの使用をカバーしていることが条件です。印刷用ライセンスにはウェブサイトやアプリが含まれないこともあるので、制作前に確認しましょう。ウェブ用ライセンスが高すぎる場合は、よく似た無料の代替フォントでも画面上ではたいてい問題ありません。

インドネシア語と英語のページで、フォントを変えるべきですか？

いいえ。両方に同じフォントを使い、1つのブランドとして感じられるようにします。ある言語で見出しが長すぎるなら、変えるのは書体ではなく、レイアウトか言い回しです。

無料フォントはプロらしく見えませんか？

そうとは限りません。無料フォントの多くは評価の高い書体デザイナーが作り、大手ブランドにも使われています。大切なのは、フォントがブランドに合っているか、そしてどれだけ丁寧に組まれているかです。

2か国語サイトのフォント選びは、私たちのウェブデザインサービスで各ブランドの見た目を整える工程の一部で、言葉とあわせて進めます。すべてのウェブサイトを言葉から始める理由もご覧ください。