デザインをしている時に「フォントどうしよ〜」って誰もが悩むところだと思います。
デザインをしている方は「Adobe Fonts」からダウンロードされることが多いかと思いますが、たくさん種類があるので迷いますよね・・・
そんな方(自分も含め)に向けて、使いやすくておすすめの素敵なフォントを26種類(＋)まとめてみました！
フォントの印象や実際に使ったデザインの例も合わせてご紹介していきます！
▼ピンタレストで保存してね📌♡
欧文フォントバージョンもあります↓
明朝体
貂明朝
「貂明朝」は、高級感もありつつ、優しい丸みが特徴的で親しみやすさもある明朝体です！
- 歴史の浅い最近開発された明朝体
- 筆運びが特徴的(躍動感のある手書き風)
- 優しい丸み
- Adobeオリジナルフォント
- 高級感のある明朝体
- レトロな雰囲気
- おしゃれ
ちょっとおしゃれな葬儀屋さんのwebサイトのデザインをした際に、メインビジュアルに使用しました。
雰囲気が出て、とても使いやすかったです。
▼今回のアイキャッチにも使用しました！
リュウミン
「リュウミン」は、スタンダードな明朝体で使いやすいフォントです。
ウロコにはやわらかさをもたせており、親しみやすい雰囲気になっています。
- 均整のとれたスタンダードな美しい明朝体
- ウロコにはやわらかさをもたせており、親しみやすい雰囲気
- DTPの基本書体として本文から見出しまで使用されている
- 教科書などにも使用される
- 太さは１種類のみ
▼こちらのブログのバナーに使用しました！
https://watashino-design.com/first-blog/
本当に、綺麗で親しみやすく読みやすい明朝体ですね。。。
最初に読んでほしいという想いを込めたアイキャッチなので、親しみやすさもありつつ、バナーの綺麗な雰囲気に馴染むフォントを探していて、「リュウミン」に辿り着きました！
黎ミン
「黎ミン」は、シンプルで親しみやすい表情をもつ現代的な明朝体です。
- シンプルで親しみやすい
- かなはフトコロが大きめで文字幅の差が少ない現代的なフォント
- 縦組・横組どちらでも並びが美しく読みやすい
- 欧文・数字はシンプルで誤読しにくい字形
- 太さは１種類のみ
- オーソドックスな本文用明朝体
秀英明朝
「秀英明朝」は、明朝体のウロコ部分がぷっくりとして優しく、横線の太さも十分あるので読みやすい、上品な明朝体です。
- 美しく読みやすい書体
- 本文にも見出しにもベーシックで使いやすく
秀英体には、明朝体、ゴシック体、丸ゴシック体などが存在するので、合わせて使えば、様々なデザインで活躍できそうですね！
▼「秀英明朝」を使用したバナーです(本文)
丸明オールド
懐かしいけど古すぎない、
かしこまってるけど、堅すぎない
懐かしくて、モダンな明朝体。
- 丸明朝体！で可愛い♡
- 漢字は縦線、横線、点、トメ、ハネ、ハライなどどれも先端が丸い(※)
- 漢字が大きくて、平仮名が小さい
- 平仮名は筆文字のような形
- 縦組みでも横組みでも綺麗で読みやすい
- 温かみや懐かしさを与える書体
- 筆の動きが強調された文字は躍動感も感じさせられる
(※)▼エレメントに丸を用いることで柔らかな印象を与えています。
adobe公式サイトより
赤丸に注目！丸で作られています！先端も丸い！
▼丸明オールド使用のアイキャッチ
https://watashino-design.com/blog-banner-point/
https://watashino-design.com/works-banner-2021autumn/
丸文字な明朝体って新しいですよね、美しくて可愛らしくて、躍動感もあって素敵なフォントです✨
ゴシック体
秀英角ゴシック金
スタンダードですっと読みやすく、真面目な印象を与え、使いやすいフォントです。
- 秀英明朝とマッチするスタンダードなゴシック体
- 平仮名は大ぶりで手書き字形にも近く親しみやすい
- 短文や見出しなどに◎
- 3ウエイトあり
- 読みやすく真面目な印象
秀英角ゴシック銀
- かたくなりすぎず抜けすぎない
- 字の間に空間があるので品がある
- 3ウエイトあり
▼秀英角ゴシック銀使用のアイキャッチ
見出ゴ MB31
「見出ゴMB31」は今時だけど伝統的で使いやすいフォントです。
- 「見出し・タイトル」に◎！
- ゆったりと言葉の意味を伝えることができる書体
- 始筆にアクセント
▼見出ゴMB31を使用したブログのアイキャッチ
https://watashino-design.com/webdesign-study-book02/
いい感じに存在感があります！ゴシックだけどおしゃれな雰囲気を感じます。
かなり気に入っていたのでショック！！！！
りょうゴシック
「りょうゴシック」は馴染みやすいゴシック体です。
- EL / L / R / M / B / H / UHの7書体が揃っている！
- スピード感のある文字で明るい印象
丸ゴシック体
DNP 秀英丸ゴシック Std
「秀英丸ゴシック」は、クラシックな印象を持つ丸ゴシック体です。
- 落ち着いた、ほのぼのとした印象を持つ丸ゴシック体
- 親しみやすさと上品さが印象的
▼こちらのバナーで使用しました
この記事内にも書いているのですが、「秀英丸ゴシック」はすぴかさんの推しフォントなんです✨
講義のスライドもこちらのフォントを使用されていました。
筑紫A丸ゴシック
- 丸ゴシックだけど、子供っぽくなりすぎない
- しっかりした印象を与える
- 伝えたいメッセージを優しく伝えたい時に効果的
- 女性向けデザインにも◎
▼「筑紫A丸ゴシック」を使用したブログのアイキャッチ
https://watashino-design.com/free-illust-site/
筑紫B丸ゴシック
先ほどの”筑紫A丸ゴシック”と比べると、
筆で書いたような線のつながりがある、ちょっとレトロさを感じる書体です。
- あたたかさ、やさしさを感じられるフォント
- ふところを絞ったデザインの丸ゴシック体
- 漢字は温かみのある丸みを帯びた形
※筑紫Ａ・Ｂの漢字等は、共通の文字を使用
▼「筑紫B丸ゴシック」を使用した商品バナー
ちび丸ゴシック
「ちび丸ゴシック」は、文字を見せるためだけではなく、文章を読ませるための丸ゴシック体です。
- 出しゃばりすぎないデザインと小さめな字面からちび丸ゴシック
- 清潔感があるので長文でも使いやすい
- 本文から小さめの見出しまで使える
※2021年09月10日(金)以降Adobe Fonts のライブラリから提供終了になります。
いろはマルみかみ
「いろはマル」の漢字部分を置き換えたものです。
- レトロ感のある丸ゴシック。使い勝手のよいフォント。
- かわいい・優しい雰囲気を出せます。
- ウエイトは3種類あるので使いやすいです。
じゅん
「じゅん」は、優しくリズミカルなカーブをもち、ソフトなイメージの表現に最適な丸ゴシック体です。
- 手書きのイメージを残し、読みやすさを考慮した文字の大きさに設計
- 視線の流れを妨げず親しみやすいデザイン
- 先端の丸みと太さがバランスよく調和
- じゅん101は絵本や雑誌の本文などに使えます
シネマ丸ゴシック
「TBシネマ丸ゴシック」は、字幕文字制作者の協力で書き起こしたシネマ仮名と組み替えた映画字幕用書体として制作されたフォントです。
- 字幕本来の使い方であるキャプションとしての使用もできる
- 印象に残したい本文にも適してる
- 太めの書体なので、長文には不向き
※2021年09月10日(金)以降Adobe Fonts のライブラリから提供終了になります。
手書き文字
ペンレター
綺麗な素直な女性が書いたような手書き文字ですよね。
とても読みやすいです！
創作のコンセプトは、『いい性格の字体で思いを伝えたい』。
手書き書体の個性は人の数だけある。素直で素敵な人の文字はとても心地いい。
デジタル手書きを極めると、心和む（なごむ）ペン書体が生まれました。
Adobe
▼インスタの投稿でよく使用しています＾＾
手書き文字は親しみやすい雰囲気になるので
インスタ向きです＊
恋心
ラブレターに書かれているような雰囲気のキュンとする可愛らしい手書き文字です♡
▼「恋心」を使用したブログのアイキャッチ
https://watashino-design.com/instagram-icon/
その他
ことだま
「肩ひじ張らない、かしこまらない」少し間を持たせた角丸ゴシック体で、組んだときに柔らかな表情を見せられるのでは。
Adobe
ナチュラルで綺麗な印象のフォントです。
こちらのインスタグラムの投稿や
こちらのフォントの勉強していた時に制作したバナーで使用しました＾＾
横文字は「筑紫A丸ゴシック」です。
https://watashino-design.com/syukatu1/
個人的に使用頻度が高いフォントです。
クレー
手書きの、硬筆で書いたようなアクセントを持った手書き風のフォント。
- すっきりと整った鉛筆やペンなどを使って書いた書体
- 本文にも使いやすい
- 本文組みに適してる
キリギリス
- ひらがなのみのフォント
- 可愛らしく、独特な雰囲気
- 子供向けのデザインに良く使われている
「ここぞという時に使用したい！」と思い、見つけて即アクティベートしました！
一度見たら忘れられない書体です。
▼「キリギリス」を使用したバナー
VDLアドミーン R
『語りかけてくる文字』をコンセプトに生まれた、明朝体の優しさとゴシック体の力強さを加味したタイプフェイスです。
- ヨコ太のラインと大きく丸いウロコが特徴
- ポップでレトロな雰囲気
- 字の止め部分がまるくぷっくりで手書きのようで親しみやすい
- 明朝体のようなゴシック体のようなフォント
漢字タイポス４８ Std
- シンプルで可愛い
- 優しく親しみを持てる
▼「漢字タイポス」を使用したブログのアイキャッチ
https://watashino-design.com/free-photo-site/
▼「漢字タイポス」を使用したバナー
※2021年09月10日(金)以降Adobe Fonts のライブラリから提供終了になります。
babywalk
文字に空間があって、抜け感のあるフォント。
今時なフォントですね〜
kotsubu
太い部分と細い部分のバランスが絶妙で、クイっと曲がった曲線が可愛い♡
▼「kotsubu」をタイトルに使用した商品バナー
suzume
動物に例えたら「スズメ」ぽいフォントですよね。
小ぶりでチュンチュンしてて可愛い♡
tsurumaru
名前の通り、ツルが絡まったようなデザインのフォントですね。
＼ オンライン講座もついているのに、adobeを安く購入できます！ ／
私もデジハリONLINE利用してます＾＾🌿
詳しくはこちらの記事で▼
フォントの参考書の紹介
私が普段フォントを選んだり、学ぶ時に参考にしている本をご紹介します☺️🧡
(2024/10/12 13:52:48時点 楽天市場調べ-詳細)
日本語フォントは『フォント辞典』を、よく参考にしています。
事例もついているのでありがたい！お気に入りの１冊です♡
(2024/10/11 20:21:56時点 楽天市場調べ-詳細)
『ほんとに、フォント。』もおすすめです＾＾
日本語フォントと欧文フォントの組み合わせなど参考になりました！
この本で素敵なフォントに出会うことができました🥺🌿
今回紹介したフォントも載っています✨
(2024/10/12 16:52:43時点 楽天市場調べ-詳細)
欧文フォントは『となりのヘルベチカ』を読みました！
新しい発見があったり、フォントを擬人化して物語を通して学ぶので、分かりやすいし学びが定着しやすいと感じています。
▼その他のおすすめ本はこちら💐
おわりに
どれも素敵なフォントですよね〜
こうしてまとめることで、フォントの引き出しが増えた気がします。
ますますフォント選びが楽しくなりそうです＾＾
▼欧文フォントのまとめはこちら
▼Goole fontsのまとめはこちら
▼Canvaのおすすめフォントの記事はこちら
株式会社ニュートラルワークスさんが運営する 「QUERYY」では
『おすすめフォント【ビジネス目的別おすすめフォント】』という記事にて、
ビジネスにおすすめのフォントを目的別にご紹介されているので、ぜひこちらもチェックしてみてくださいね＊
それでは、また😊
※2021年09月10日(金)以降Adobe Fonts のライブラリから提供終了になるフォントもありますので詳細はadobeのサイトでご確認ください。
導線迷子やデザインの魅せ方に
悩んでる女性起業家さんへ
集客導線・世界観をサポート
Webデザインを中心に制作してます＊
