本文に使いやすいオススメの日本語Webフォント7選【スタンダード編】

BiNDクラウドでは標準でWebフォントサービスを利用でき、日本語Webフォントは434書体から選択可能です。たくさんありすぎて、どれを使えばいいのかわからない方へ、今回は、本文などに使いやすいスタンダードなフォントをピックアップしてご紹介します。

BiNDクラウドでは標準でWebフォントサービスを利用することができ、日本語Webフォントは434書体(2017年2月22日時点)から20書体まで選択することができます。
※BiNDクラウド プロコース/ビジネスコースの場合

デザインのバリエーションも豊富で、ベーシックなものから手書き風だったり、ポップなデザインだったり、とても多彩な書体が揃っています。ただ、たくさんありすぎて、どれを使えばいいのかわからないという方もいらっしゃると思います。
今回は、本文などにも使いやすいスタンダードなフォントをいくつかピックアップしてご紹介します。

ロダン Pro

まずは定番のゴシック体をご紹介。ロダンシリーズはいろいろな種類がありますが、ベーシックなものが「ロダン Pro」です。シンプルで視認性もよく、ジャンル問わず幅広くお使いただけます。

BiNDで使える美しいWebフォント ABCabc123
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

使用可能なウェイト(文字の太さ)もLからUBまで6段階あり、用途に合わせて見出しから本文まで幅広くお使いいただけます。

[L]BiNDで使える美しいWebフォント ABCabc123
[M]BiNDで使える美しいWebフォント ABCabc123
[DB]BiNDで使える美しいWebフォント ABCabc123
[B]BiNDで使える美しいWebフォント ABCabc123
[EB]BiNDで使える美しいWebフォント ABCabc123
[UB]BiNDで使える美しいWebフォント ABCabc123

UD角ゴ_ラージ Pro

UDとはユニバーサルデザインのことです。「UD角ゴ_ラージ Pro」は見やすさ・読みやすさが特長で、小さいサイズでも視認性に優れています。仮名の濁点などを見比べてみると分かりやすいですね。

BiNDで使える美しいWebフォント ABCabc123
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

使用可能なウェイトはLからBまで5段階。文字が細くても太くてもくっきりした印象の書体です。

[L]BiNDで使える美しいWebフォント ABCabc123
[R]BiNDで使える美しいWebフォント ABCabc123
[M]BiNDで使える美しいWebフォント ABCabc123
[DB]BiNDで使える美しいWebフォント ABCabc123
[B]BiNDで使える美しいWebフォント ABCabc123

ニューセザンヌ Pro

「ニューセザンヌ Pro」は上記の2フォントと比較すると、やや小ぶりですっきりした印象の書体。本文で使用しても窮屈な印象になりにくく使いやすいデザインです。

BiNDで使える美しいWebフォント ABCabc123
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

使用可能なウェイトはMからEBまで4段階。

[M]BiNDで使える美しいWebフォント ABCabc123
[DB]BiNDで使える美しいWebフォント ABCabc123
[B]BiNDで使える美しいWebフォント ABCabc123
[EB]BiNDで使える美しいWebフォント ABCabc123

筑紫ゴシック Pro

人気の筑紫シリーズからはベーシックな「筑紫ゴシック Pro」を紹介します。クラシカルな印象ながらも、モダンなデザインにもよく合います。

BiNDで使える美しいWebフォント ABCabc123
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

使用可能なウェイトはLからUまでと、8段階あるので用途に合わせて細かく調整できます。

[L]BiNDで使える美しいWebフォント ABCabc123
[R]BiNDで使える美しいWebフォント ABCabc123
[M]BiNDで使える美しいWebフォント ABCabc123
[D]BiNDで使える美しいWebフォント ABCabc123
[B]BiNDで使える美しいWebフォント ABCabc123
[E]BiNDで使える美しいWebフォント ABCabc123
[H]BiNDで使える美しいWebフォント ABCabc123
[U]BiNDで使える美しいWebフォント ABCabc123

筑紫A丸ゴシック Pro

「筑紫A丸ゴシック Pro」は丸ゴシック体ですが、かわいいイメージになりすぎず、優美な印象を与えます。通常のゴシック体では堅すぎるなと感じた時は、こういった書体を試してみるのもおすすめです。

BiNDで使える美しいWebフォント ABCabc123
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

使用可能なウェイトはLからEまで6段階。

[L]BiNDで使える美しいWebフォント ABCabc123
[R]BiNDで使える美しいWebフォント ABCabc123
[M]BiNDで使える美しいWebフォント ABCabc123
[D]BiNDで使える美しいWebフォント ABCabc123
[B]BiNDで使える美しいWebフォント ABCabc123
[E]BiNDで使える美しいWebフォント ABCabc123

マティス Pro

続いて紹介するのは明朝体の「マティス Pro」。
マティスシリーズもいろいろバリエーションがありますが、ベーシックな書体はこちらの「マティス Pro」です。洗礼された明朝体で、堅実なイメージでも優しいイメージでも幅広く使用できます。

BiNDで使える美しいWebフォント ABCabc123
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

使用可能なウェイトはLからUBまで6段階。
細く美しい「マティス Pro L」はBiNDクラウド エントリーコースでもお使いいただけます。

[L]BiNDで使える美しいWebフォント ABCabc123
[M]BiNDで使える美しいWebフォント ABCabc123
[DB]BiNDで使える美しいWebフォント ABCabc123
[B]BiNDで使える美しいWebフォント ABCabc123
[EB]BiNDで使える美しいWebフォント ABCabc123
[UB]BiNDで使える美しいWebフォント ABCabc123

筑紫明朝 Pro

筑紫書体シリーズの明朝体「筑紫明朝 Pro」。シルエットが美しく、とても上品な印象の書体です。

BiNDで使える美しいWebフォント ABCabc123
あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモリーオ市、郊外のぎらぎらひかる草の波。

使用可能なウェイトはLからHまでと、9段階。どのウェイトでもすっきりした印象です。

[L]BiNDで使える美しいWebフォント ABCabc123
[LB]BiNDで使える美しいWebフォント ABCabc123
[R]BiNDで使える美しいWebフォント ABCabc123
[RB]BiNDで使える美しいWebフォント ABCabc123
[M]BiNDで使える美しいWebフォント ABCabc123
[D]BiNDで使える美しいWebフォント ABCabc123
[B]BiNDで使える美しいWebフォント ABCabc123
[E]BiNDで使える美しいWebフォント ABCabc123
[H]BiNDで使える美しいWebフォント ABCabc123

Webフォント選び

フォント選びに正解はありませんが、基本的にはサイトの目的やデザインに合わせてイメージに合ったものを使うとよいでしょう。どうしても迷った時は、まずは今回紹介したようなスタンダードなデザインの書体から始めてみてください。

もちろん今回紹介したもの以外にもすばらしい書体はたくさんありますので、またの機会に紹介できればと思います。

  • BiNDクラウドのWebフォントサービスでは多彩な書体から選択できる
  • フォント選びの基本は、サイトの目的やデザインに合わせてイメージに合ったものを使う
  • フォント選びに迷った時はスタンダードなデザインの書体から始めてみよう

関連記事

  • デザイン
  • BiNDの使い方

どの色が相応しい?介護施設のホームページを3つの違う色で作ってみた

サイトのメインカラーが違うだけで与える印象が変わりますが、なかなか異なる色をいくつも作って比べるのは至難の業。簡単な質問に答えるだけで目的にぴったりのホームページが作れる「AiDジェネレーター」なら、出来上がりのサイトから見比べることが可能!介護施設のサイトに合う色はどれか試してみました。

2017.07.04 - あい