COLUMN
コラム
2022.08.29COLUMNWEBフォントって楽しい!デザイナーがおすすめフォントを紹介します!
みなさんこんにちは!
最近ホームページのデザインたくさんありますよね。
その中でも目を引く見出しのフォントや丸文字などいろいろなWEBフォントを使用しているサイトが多くなってきました。
ホームページをお持ちの方、フォントを変えてサイトの印象をガラッと変えてみませんか?
WEBフォントって何?
WEBフォントとは、自分のもっているパソコンにフォントが入っていなくてもCSSを使用してWEB上から提供フォントを呼び出してくれる技術です。
WEBフォントを使用していなかった場合、PC・携帯に入っているフォントで表示されることになり、AさんとBさんで見ているフォントと異なってしまったり、指定したフォントが表示されない場合があります。
WEBフォントにはどんな端末でも同じフォントを表示できるうえ、デザイン性の高い文字や可読性の高いフォントデザインが多数あるので、表現の幅がかなり広がります。
今回は有名なGoogleフォントの中からおすすめフォントをいくつか紹介させていただきます!
サイトに取り入れやすいフォント
・Noto Sans Japanese
https://fonts.google.com/noto/specimen/Noto+Sans+JP?subset=japanese
AdobeとGoogleが共同開発したフォントです。ポピュラーなフォントで“世界中の言語をサポートすること”を目標としているので、表示できない文字が少ないことが特徴です。太さのバリエーションも6種類と多いので使いやすさはダントツです!
・Zen Old Mincho
https://fonts.google.com/specimen/Zen+Old+Mincho?subset=japanese
明朝体で可読性の高い明朝体です。先ほど紹介したNotoフォントにも明朝体はありますが、そちらと比べると少し伝統的な美しさを感じます。叙情的な雰囲気がかなりでるので、旅館など高級感のあるイメージを押し出したいときにぴったりかもしれません。
・Zen Maru Gothic
https://fonts.google.com/specimen/Zen+Maru+Gothic?subset=japanese
こちらも先ほど紹介したZen Old Minchoと同じ方がデザインされたフォント。丸ゴシックは多様するとかなり見づらくなってしまうものも多いのですがZen Maru Gothicは比較的読みやすくデザインされています。私自身保育園のホームページや児童クラブなど柔らかい印象を持たせたいときによく使用します♪
特徴的なフォント
・DotGothic16
https://fonts.google.com/specimen/DotGothic16?subset=japanese
ドットの文字が特徴的なレトロなフォントです。特徴的なフォントではありますが文字サイズが小さくなっても読みやすさがあり、一昔前のRPGを思わせる雰囲気があります。レトロなデザインや、遊び心のあるゲームのようなデザインを表現したいときにはぴったりなフォントかもしれません。
・Yuji Mai
https://fonts.google.com/specimen/Yuji+Mai?subset=japanese
筆文字がかっこいいデザインです。文字自体が細めなデザインのため涼しげな印象があります。和風なサイトデザインに取り入れたいフォントです。
・Kaisei Decol
https://fonts.google.com/specimen/Kaisei+Decol?subset=japanese
文字の端に丸い装飾がついているのがかわいらしいフォントです。デザインチックなフォントでは珍しく太さがレギュラー、ミディアム、ボールドの三種類あるので、見出しや本文で太さを分けることが可能です。
まとめ
いかがでしたか?
フォントだけでも様々な種類があることがわかりましたね。
今回紹介したもの以外にも面白いフォントが多数あるので、気になった方は調べてみてください!
新着トピックス
-
2024.02.29 COLUMN
街で見かけるフリーWi-Fiについて
-
2024.02.19 COLUMN
ホームページの記事の更新で失敗する6つの問題点
-
2023.12.15 COLUMN
MEOって何?
-
2023.12.08 COLUMN
効果的な採用情報にするには?
-
2023.10.27 COLUMN
【新着情報のネタに困ったときの対処法】
-
2023.10.02 COLUMN
業務効率に革命を起こす「Microsoft Copilot」
-
2023.09.28 COLUMN
見やすいホームぺージは他と何が違うの?
-
2023.08.23 COLUMN
進化するデータ解析!Googleアナリティクス4って?