)2016年12月5日更新ツイート閲覧数6,716viewsこのコラムをPDF形式でダウンロードするJimdoExpertとしてこれまで100件以上のJimdoサイトに携わってきた筆者が、Jimdoを使用して日本語のWebサイトをデザインするポイントについて解説する本コラム。前回のコラムではデザインの原則をWebサイトに応用するポイントについて解説しました。第9回目となる今回は、Webフォントをうまく使うポイントを見ていきましょう。日本語のフォントは選択肢が少ないWebサイトのデザインにおいて、どんなフォント(書体)を使用するかはとても重要です。多彩なフォントが使用される海外のWebサイトと違って、これまで日本語のWebサイトではゴシック体か明朝体のいずれかぐらいしか選択肢がありませんでした。それは、Webサイトがフォントを表示させる仕組みと関係しています。通常、私たちがWebサイトを閲覧するときは「それぞれの端末にインストールされているフォント」を使用して表示します。アルファベットと数字、記号だけで構成される欧文と違って、和文は漢字を含めるとおよそ3万種類の文字があるため、コンピュータに初めからインストールされている和文フォントはそれほど多くありません。WindowsやMacなど多彩な端末がある中で、それぞれにどんな和文フォントがインストールされているかを全て把握することは不可能なため、結果的に「ゴシック体か明朝体のいずれか」というシンプルな選択肢となっていました。端末によって表示が変わることによる問題点しかしこれには問題もあります。WindowsとMacでは標準で使用するフォントが違い、Webサイト側で「ゴシック体で表示してね」と指定しても、Windowsでは「メイリオ」というフォント、Macでは「ヒラギノ角ゴ」というフォントで表示されます。特段大きな問題はないように思われますが、実はフォントによって少しずつ文字の大きさが違うため、改行の位置がずれたり、表示が崩れたりということが起こります。プロのWebデザイナーは複数の端末を使って表示をチェックするため、通常こういったことは起こりませんが、Jimdoで制作されたWebサイトではしばしばこの問題が発生します。Windowsを使って自分でJimdoサイトを制作したとして、わざわざMacでも表示を確認する、という方は少ないからです。同じページでもWindowsとMacで改行位置がずれることがあるWebフォントを使うメリットそこでWebフォントの登場です。Webフォントはこれまでのように端末にインストールされているフォントを使用するのではなく、インターネット上にアップロードされているフォントを使用して表示させる技術です。回線速度の向上に伴い、広く利用されるようになりました。この仕組みなら端末に依存しない表示が可能で、各社から様々なWebフォントが提供されているので、これまでよりも多彩な文字表現ができます。Businessなら176種類Jimdoの有償版には、国内フォントメーカー最大手の株式会社モリサワの提供する「モリサワフォント」が搭載されています。Businessではなんと176種類もの日本語フォントを使用することができます。これだけ多彩なフォントから選ぶことができればWebサイトの表現の幅は確実に広がるでしょう。Jimdo有償版で使えるフォントの一覧http://jp-help.jimdo.com/design/style/webfont/とはいえ、この中からどれを使っていいか分からないという声も多く、さらにJimdoでは見出しや本文に別々のフォントを設定できるため、組み合わせが重要になります。そこで、ここからは私のオススメするフォントの組み合わせを紹介します。Proで使用できるフォントに限定しています。MB31」は文字通り見出し専用に作られたフォントで、適度な黒みがあり、漢字とかなのバランスがよく目を引きます。伝統的なゴシック体で、「L(Lightの略)」という細いウェイトなので、長文でもすっきりと見せることができます。MA31」も先ほどと同じく見出し専用に作られたフォントで、しっかりとした太みのある漢字と、やや細めにデザインされたかなの対比により、可読性が高くなるよう設計されたフォントです。R-KL」は、ポスターや雑誌などでもよく使われている基本書体で、均整のとれた美しさが目を引き、長文にも短文にも幅広く使用できます。Webフォントは使わないともったいないこのように、Webフォントは手軽にWebサイトの印象を変えられる非常に便利なツールです。気負わずに、色々試しながらご自身のWebサイトに合ったフォントを選ぶのが良いでしょう。使っていないという方は、是非この機会に活用してみてください。次回はJimdoのボタンをデザインするコツについて解説します。2014年までインドネシア・バリ島で活動し、世界各国のクリエイターと交流。Webサイトの制作だけでなく、各種WebサービスのテンプレートデザインやUI設計、セミナー登壇、コラムへの寄稿など精力的に活動中。"かっこいいを簡単に"をモットーに、海外のWebデザインを日本向けにローカライズした新しいデザインを提案している。人気講師が教える本格Webサイトの書き方』など。(著)「4つのレイアウトパターン」と「レスポンシブデザイン」を実際に手を動かして作りながらサイト制作のきほんが学べます!ライブ感のあるチュートリアル学習により、まるでWebデザイン会社でOJT(オン・ザ・ジョブ・トレーニング)を受けているような体験型の独習書です。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。