平成丸ゴシックStdのような、やわらかくて読みやすい雰囲気のフォントをWebサイトでも使いたい。そう考える人は多いと思います。
ただし、平成丸ゴシックStdそのものはGoogle Fontsにはありません。モリサワでは平成丸ゴシック体を「文字のふところを広くし、明るく可読性が高い書体」と案内しています。そこで今回は、その雰囲気に近いGoogleの無料Webフォントを3つ紹介します。
Google Fontsで平成丸ゴシックStdに近いフォントはある？
結論から言うと、完全に同じものはありません。ただ、丸みがあり、やさしい印象で、しかもWebで使いやすいフォントはGoogle Fontsにもあります。
商用利用できるオープンソースフォントとして提供されているので、個人サイトでも仕事のサイトでも使いやすいのが魅力です。
候補1:M PLUS Rounded 1c
まず最初に試したいのがM PLUS Rounded 1cです。Rounded M+ Projectの丸ゴシック系フォントで、角を丸めたやわらかさがありつつ、甘くなりすぎにくい印象です。
平成丸ゴシックStdっぽい「読みやすさを保ったまま、少し親しみやすい見た目にしたい」という方向に合わせやすいと思います。
読み込み例は次の通りです。
HTML
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap" rel="stylesheet">
CSS
body {
font-family: "M PLUS Rounded 1c", sans-serif;
}
候補2:Kosugi Maru
Kosugi Maruもかなり有力です。Google Fontsでは、丸ゴシックデザインで、線の強弱が少なく、端が丸い書体として案内されています。
見た目はおだやかですが、本文にも使いやすい落ち着きがあります。かわいく寄せすぎたくない場合は、かなり使いやすい選択肢です。
HTML
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap" rel="stylesheet">
CSS
body {
font-family: "Kosugi Maru", sans-serif;
}
候補3:Zen Maru Gothic
もっとやさしく、やわらかい雰囲気を出したいならZen Maru Gothicも候補です。
Google Fontsでは、深い丸みによってソフトでナチュラルな印象を与える丸ゴシック体と説明されています。
平成丸ゴシックStdより少し親しみやすさが前に出るので、ブログややわらかいデザインのサイトと相性がよさそうです。
HTML
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&display=swap" rel="stylesheet">
CSS
body {
font-family: "Zen Maru Gothic", sans-serif;
}
どれを選べばよい？
迷ったら、まずはM PLUS Rounded 1cから試すのがおすすめです。
丸ゴシックらしさがありつつ、クセが強すぎず、いちばん幅広く使いやすいからです。
選び方の目安をざっくり分けると、こんな感じです。
平成丸ゴシックStdに近い空気感を狙いたい→M PLUS Rounded 1c
本文の読みやすさを重視したい→Kosugi Maru
やさしく、やわらかい印象を強めたい→Zen Maru Gothic
Google Fontsは無料で使える？
Google Fontsのフォントはオープンソースで公開されていて、無料で使えます。商用利用も可能です。
そのため、ブログ、企業サイト、LPなどでも使いやすいです。ただし、各フォントにはライセンス条件があるので、配布や組み込みまで含めて使う場合は念のため確認しておくと安心です。
まとめ
平成丸ゴシックStdとまったく同じGoogleの無料Webフォントはありません。
ただし、近い雰囲気を出したいなら、M PLUS Rounded 1c、Kosugi Maru、Zen Maru Gothicの3つはかなり有力です。
まずは実際に見出しや本文へ当てて比べてみるのがおすすめです。フォントは名前だけで決めるより、実際に自分のサイトへ置いた時の空気で選んだ方が失敗しにくいです。