日本語フリーフォントお探しですか?未経験・新米Webデザイナーさんにおすすめなフォントを選んでみました!




中の人
こんにちは。
大量のフォントはNexusFontで管理するcoffeebreakの中の人(@ra_cer_X)です。

初めてバナーデザインをした事を思い出してみてください。
デザインがダサイとか言われましたよね?それと一緒にフォント選びも駄目とか言われましたよね?

どのフォントがどんなデザインや年齢に似合う

Webデザインの印象がどうのこうの

デザインの決め手の一つにはフォント選びが欠かせません!
でも、未経験でWebデザインを学んでいる人には予算面で大変かと思います。本当にお金がかかる世界ですよ。Webデザイナーって。
なので、私の記事では日本語フリーフォント中心に紹介していければと考えているのです。

この記事を書こうと思ったのが、NexusFontがフォント管理に便利だぞ!という記事をずいぶん前に書いたのがきっかけです。
いつのまにかgoogle検索に引っかかってきたので、ちょっと便乗して使えるフリーフォントを紹介して便利な記事に仕上げたいと考えました。

この記事は単なる日本語フリーフォント一覧記事ですが、いろんなサイトを調査しながらWebデザインに使えそうな物をピックアップしています。サンプル画像をみて良さそうな日本語フリーフォントだと思えば迷わずにどんどんインストールして使ってください。

そう、気に入るフォントはみんな一緒ではないのです。お仕事のニーズによって変わってきます。今後、何度も更新をしてフリーフォントを追加していくのでお楽しみに!

この記事を最初に訪問された方は、念のためフォント管理ツールNexusFontの設定方法も確認してください。

そのフォント使ってる?「NexusFont」で大量のフォントを管理してPCの負荷を抑えよう

お互いの記事を読み合わせてこそ効果を発揮します!

中の人
フォントインストールはPCにも負荷をかけてしますから、軽減させる目的でフォント管理ツールNexusFontも活用してみてね

現役Webデザイナー推薦のフリーフォント傑作選(随時更新します)

私自身も使用しているフォントも紹介しますが、皆さんのご要望は確実にカバーできません。
なので、いろんな所から検索してコピペして実際作ってみて内容を要約してから公開していきます。
時間はかかりますが、記事初公開から数ヶ月後には充実したコンテンツになるのではと思います。

尚、日本語フリーフォントと呼ばれていますが、自由に扱えるからフリーではないです。
商用可能なのかとか実は細かいルールをもうけている開発元もあるので、詳細はフォント開発者の各ウェブサイトをご確認ください。

手書きの日本語フリーフォント

うずらフォント


うずらフォント
手書きフォントですね。丸くて子供っぽいフォントですが読みやすいフォントです。
軽くてライトなデザインに向いていると思います。

ふい文字


ふい文字
自然な手癖をそのまま残した扱いやすい手書フォントです。
ユーザーボイスのお手紙にはぴったりですね。

やまフォント


やまフォント
ヘタ文字ですね。
文章として扱うと子供っぽさ全快になるので、子供が投稿したようなコンテンツに向いています。
見出しとか1行くらいの言葉とかで使いたいですね。

ゴシック体の日本語フリーフォント

源ノ角ゴシック(source Han Sans)


源ノ角ゴシック(source Han Sans)
adobe Systemes Incorporatedが開発したボールドの種類が豊富なゴシック体です。
売りはどの国でも言語でも高い品質を提供できるらしいですが、Webデザイナーとして仕事をはじめるので日本語の扱いだけで問題ないかと思います。

M+OUTLINE


M+OUTLINE
こちらもboldが豊富なゴシック体です。
5,300以上の漢字を含んでいる和文フォントとして活用されているそうです。

東海梅ゴシック/東青梅ゴシックC


東海梅ゴシック/東青梅ゴシックC
細身のゴシック体です。見出しとしても使えますが、説明文の雰囲気を変えてみたいとかお考えの人にはおすすめ。独特なひらがなのカーブはちょっと品が上がります。

青梅プラスゴシックP


青梅プラスゴシックP
東青梅ゴシックC制作者で公開している日本語フリーフォントです。
同じく独特なひらがなのカーブはちょっと品がありますね。

源真ゴシック

源真ゴシック
源ノ角ゴシックの改良版です。Webデザイナーさんのお好みでどちらかを扱うとよいと思います。

Noto Sans Japanese


Noto Sans Japanese
強弱を付けやすい日本語フリーフォントです。

Nasuフォント


Nasuフォント
見た目の文字を判別しやす日本語フリーフォントらしいです。
なのでちょっと個性は無い分、扱いやすいと思います。

Japan Sans

Japan Sans
細身のゴシックでカバーできますが、こちらの日本語フリーフォントは幅調整を選べるフォントです。
文字を詰め込むけど、間隔は維持したいとかデザインの難しい場面でも活躍しそうですね。

やさしさゴシック手書き


やさしさゴシック手書き
やさしさゴシックというフォントがあるのですが、その手書きテイストを加えた日本語フリーフォントになります。ちょっとライトな印象だけど、しっかりバランスのとれた手書き風の仕上がりです。

木漏れ日ゴシック


木漏れ日ゴシック
ひらがなとカタカナのクセがかわいいフォントです。
梅フォントベースにしたらしいですが、初めて使用する人は気にせずかわいさ優先で使ってみましょう!

丸ゴシック体の日本語フリーフォント

源柔ゴシック


源柔ゴシック
源ノ角があれば丸もありますよ。
同じく強弱を付けやすい日本語フリーフォントです。

Rounded Mgen+


Rounded Mgen+
収録漢字がかなり多い丸ゴシックの日本語フリーフォントです。
ちょっと細丸のテキスト文字は弱い印象がありますが、見出しは存在感ありますね。

かなざわ本丸ゴシック



かなざわ本丸ゴシック
モダンな印象を売りにしている日本語フリーフォントです。
時代感を感じさせるデザインとか観光地のデザインとか、Webデザインのジャンルを広げたい時に使えそうです。

こども丸ゴシック


こども丸ゴシック
子供向け商材とかいいのでは。
学習教材のサイトとか、教室とか。
あ、私の「アウトプット記事」のアイキャッチもこれにしよかな。

あさご本丸ゴシック



あさご本丸ゴシック
くるっと丸いクセを残した日本語フリーフォント。
商品名に似合うときは雰囲気作りで使ってみるのも良いと思います。
というのも、Webデザインをはじめたてはデザインに集中してばかりでフォントを飾る事を忘れてしまいます。このように雰囲気を寄せれる日本語フリーフォントは、未経験・新米デザイナーには重宝するのではと思いますね。

コーポレートロゴ


コーポレートロゴ
カタカナのカーブに特徴があるフォントですね。
フリーフォントですが、この形はよく使われているので皆さんも「見た事ある!」と感じたのではないでしょうか?

明朝体の日本語フリーフォント

はんなり明朝


はんなり明朝
お上品なハネが特徴の明朝体です。
明朝体は年齢層高めのユーザーに合わせやすいです。
はんなり明朝のような品があるフォントなら、こだわり商品やちょっとおしゃれな商品に向いています。

源ノ明朝(Souce Han Serif)

源ノ明朝(Souce Han Serif)
adobe Systemes Incorporatedが開発したボールドの種類が豊富な明朝体です。
とにかくフォントが多いのでNexus Fontを活用して使う日本語フリーフォントだけインストールしておきましょう。

はれのそら明朝


はれのそら明朝
細身の明朝で品のあるの日本語フリーフォントをお探しの人はこちらがおすすめ!
すっきりした文字の流れは打ち込んで表示させてみると、名前の通りとても気持がいい印象です。

しっぽり明朝


しっぽり明朝
ひらがなのクセがA1明朝にちかい日本語フリーフォントです。
おすすめの使い方は縦文字!
Webデザインで縦文字をきわめていくとかっこよさが際立ってきますよ!
似たような名前にはんなり明朝というのがあります。あれは友達かな?

むつき

むつき
なつかしさを演出するのにぴったりなフォントです。
でも、ちょっとクセもあるので使い過ぎは注意かな。
読ませたい、見せたいポイントで使うといいでしょう。

やさしさアンチック


やさしさアンチック
コミック用ふきだし用に特化した日本語フリーフォント。
公式ページは「ブラックジャックによろしく」でモックアップしてます。
うん。わかりやすい。

今後使えそうな日本語フリーフォントがあればどんどん掲載していきます!

みなさんのお腹をWebデザインでいっぱいにする為に随時更新をしていく予定です。
現在は総まとめ記事にしていますが、各カテゴリで複数記事にまで発展できればと考えております。

Webデザインはある程度こなれてくると、勝ちデザインというか決まった形に収まる様になります。
フォントもそうで決まったフォントや無難なフォントばかり扱う様になります。
私も有料フォントばかり集中して世の中の面白くて尖ったフォントには弱いのです。

もっと明るくアウトプットできるようにして、様々なフォントの良いとこを見つけてWebデザインスキルを伸ばせていければいいなと思います!あ、この記事を最後まで読んでいただいているあなたもですよ!どんどん新しい発見をしていきましょう!

ちょっとおしらせ!構成のアドバイスがあればいいな

とお考えの人には、これからWebデザインを勉強したい、Webデザイナーの転職を考えている人向けに直接添削はできませんが構成やデザインの勉強をtwitterの中でもアドバイスを発信しています。どんな活動をしているのかは「新しいチャレンジ」の記事を確認してください。

さいごに
私の記事はヘタクソなので上手くノウハウを受け取ってもらえないかもですが、最後まで読んでいただいて感謝いたします。

この記事はここまで!
ここからはよく読まれる記事をまとめてご紹介します。ひとあじ違うデザインに出会えるかもしれません。

【実話】私、転職先の本当の実態を知って失敗したWebデザイナーです。

2019.01.14


良い構成のCVエリアのアイデアをいろいろと考察してみる

2017.12.24

【検証】本物のデザイナーだけが知っているCVエリアのボタンは何色がよいか?

2018.06.03


【たった1問】遷移型アンケートページの構成とデザインを調べてみる

2018.09.01

日本語フリーフォントお探しですか?未経験・新米Webデザイナーさんにおすすめなフォントを選んでみました!

2019.02.11

そのフォント使ってる?「NexusFont」で大量のフォントを管理してPCの負荷を抑えよう

2017.11.12

記事でもランディングページ(LP)でもないアンケートページの構成・デザインの作り方

2018.08.26


お気に入りの情報
が無かったでしょうか?
この記事の最後にデザイン情報やノウハウをレコメンド形式でご紹介しています。

お求めの記事に出会えますように。



スポンサード広告 by google