2015/01/2055 Shares

無料の日本語フリーフォントを使ったアイキャッチ画像18例

フリーフォントで作るアイキャッチ

日本語フリーフォントはたくさんあって、バージョン違いも含めれば100種類以上あります。いつか使おうと思って、まとめサイトをブックマークしているんじゃないでしょうか。

でも、もし使うきっかけが見つからず放置状態ならもったいないですよね。この機会にブログのアイキャッチ画像で活用してみませんか?

記事の最初で読者にイメージを伝える役割をもつほか、トップページの記事一覧表示やTwitterなどのソーシャルメディアで文字どおりユーザーの目をひきつける役割のアイキャッチ。

今日は、無料で使える日本語フリーフォントの中から18個を選び、フォントのイメージに合わせたアイキャッチ画像を作ってみました。フォントの種類別にご紹介していきます!

明朝系

IPAex明朝

フリーフォントを活用したアイキャッチ画像作成例-IPAex明朝
ダウンロードIPAフォント

まずは有名なIPA明朝フォントから。

記事本文ではよほどのことがないかぎり、ゴシック系のフォントを使うのが一般的です。なぜか明朝体というだけで毛嫌いするユーザーもいるほど。

アイキャッチ画像で明朝体を使うと、ちょっと雰囲気が変わりますね。

うつくし明朝体

フリーフォントを活用したアイキャッチ画像作成例-うつくし明朝体
ダウンロードうつくし明朝体

先端部分が丸みを帯びている明朝体フォント。横書きでも美しく流れるようなイメージでつくられています。

ダウンロード時は無料アカウントを作成する必要があります。

花園明朝

フリーフォントを活用したアイキャッチ画像作成例-花園明朝
ダウンロード花園明朝

花園ということで花を背景にしてみました。

漢字よりひらがなの割合が多いときに明朝体を使うと、美しく見えます。ポップな背景だと合わせづらいかもしれませんね。

はんなり明朝

フリーフォントを活用したアイキャッチ画像作成例-はんなり明朝
ダウンロードはんなり明朝

「はんなり」とは上品で華やかという意味。

IPA明朝をベースに、やわらかくふんわりとしたフォントになっています。やっぱり明朝体は縦書きが美しいですね。

ふぉんとうは怖い明朝体

フリーフォントを活用したアイキャッチ画像作成例-ふぉんとうは怖い明朝体
ダウンロードふぉんとうは怖い明朝体

ゆらぎをもたせた明朝体フォント。

ホラー系によく合いますが、水面にうつるような感じにするとまた違った印象になると思います。

ゴシック系

FGラブリーゴシック

フリーフォントを活用したアイキャッチ画像作成例-FGラブリーゴシック
ダウンロードFGラブリーゴシック

女の子向けのかわいいゴシック体フォント。

ダウンロードは無料アカウントの作成が必要で、そこからさらにFacebookへ飛び、メールアドレスを入力するという手間があります。それでも完成度が高いので使って損はありません。

また、ウェブフォントも用意されており、WordPressプラグインとして販売されています。

ロゴたいぷゴシック

フリーフォントを活用したアイキャッチ画像作成例-ロゴたいぷゴシック
ダウンロードロゴたいぷゴシック

文字の先端部分が美しいフォント。

アイキャッチだけではなく、その名のとおりタイトルロゴにも使えます。このブログでも定期的に何回か変えて気分転換しています。

やさしさゴシックボールド

フリーフォントを活用したアイキャッチ画像作成例-やさしさゴシックボールド
ダウンロードやさしさゴシックボールド

やさしさゴシックをちょっと太めにしたフォント。アイキャッチ画像なら、ボールドのほうが目立ちやすく使いやすいかなと思います。

明朝体はちょっとかたい感じがしますが、ゴシック系のフォントはポップな感じのものが多いですね。

ぼくたちのゴシック

フリーフォントを活用したアイキャッチ画像作成例-ぼくたちのゴシック
ダウンロードぼくたちのゴシック

角ゴシックと丸ゴシックを組み合わせたようなフォント。

育児ブログなんかで使うと合いそう。

まーと太丸シャドウ

まーと太丸シャドウ
ダウンロードまーと太丸シャドウ

あらかじめシャドウがついているフォント。

漢字は使えませんが、インパクトありますね。お店のメニュー表なんかで使うと目立ちそうです。

上の画像では色鉛筆に合わせてグラデーションをかけて、さらに2pxのシャドウを足しました。

キネ丸ボールド

フリーフォントを活用したアイキャッチ画像作成例-キネ丸ボールド
ダウンロードキネ丸ボールド

映画の字幕っぽく使えるフォント。

上の画像は4:3ですが、16:9で作ったほうが雰囲気が出そうです。線が細いので、背景色とのバランスを考えましょう。

手書き系

瀬戸フォント

フリーフォントを活用したアイキャッチ画像作成例-瀬戸フォント
ダウンロード瀬戸フォント

手書き系のなかでは、特殊文字に特徴のあるフォント。

スマホ向け軽量バージョンや絵文字に特化したバージョンもあるので、女子ブロガーにおすすめ。「!」の点がさりげなくハートになっています。

ふい字

フリーフォントを活用したアイキャッチ画像作成例-ふい字
ダウンロードふい字

当ブログではアイキャッチに使う頻度は少ないのですが、説明画像でたまにこのフォントを使っています。

上記画像ではプロポーショナルフォントの「ふい字P」を使用。

プロポーショナルフォント
文字ごとに文字幅が異なるフォントのこと。書体の後ろにPをつけて区別することが多い

たぬき油性マジック

フリーフォントを活用したアイキャッチ画像作成例-たぬき油性マジック
ダウンロードたぬき油性マジック

油性マジックで書いたようなフォント。有名なのでオンライン・オフライン問わずよく見かけます。

このフォントと他の手書きフォントを組み合わせて使うのも面白いですね。

りいてがき筆

フリーフォントを活用したアイキャッチ画像作成例-りいてがき筆
ダウンロードりいてがき筆

こちらは手書きの筆文字フォント。

罫線の一部が絵文字になっており、上記画像の顔も「┐」を変換したものです。文字に特徴があるものは、シンプルな背景画像を使ったほうが引き立ちます。

おもしろ系

PixelMplus

フリーフォントを活用したアイキャッチ画像作成例-PixelMplus
ダウンロードPixelMplus

昔のテレビゲームを思い出させるフォント。

なんだか無性にドラクエがやりたくなるw

吐き溜

フリーフォントを活用したアイキャッチ画像作成例-吐き溜
ダウンロード吐き溜

ホラー系のフリーフォント。

ホラーゲームやおばけ屋敷なんかで使われている感じですね。一文字ずつサイズを変えたり、まわりに血しぶきをつけるとさらに迫力が出ると思います。

ようじょふぉんと

フリーフォントを活用したアイキャッチ画像作成例-ようじょふぉんと
ダウンロードようじょふぉんと

幼稚園児が書いたようなイメージのフォント。

全角カナや半角カナにすると、字形が変わったり「す」の文字が左右反対になるなどの書き間違え文字になります。

まとめ

ご紹介したフォントを背景画像なしで並べてみます。横の数字は目次番号です。

日本語フリーフォントサンプル一覧

「まーと太丸シャドウ」および「ようじょふぉんと」では漢字が使えないので、変換してもこんな表記になります。

このほかにもフリーフォントはたくさんあるので、自分のブログや記事のイメージに合ったものを選んで使ってみてください。

※利用規約はダウンロードサイトで要確認

参考2014年用、日本語のフリーフォントの110種類のまとめ
フォントフリー – 無料で使える日本語フォント投稿サイト

いろいろ試して、アイキャッチがPV数にどう影響するのか、なんて調べてみるのも面白いですよ。

それでは、また。