映えるWebフォント8選【タイトルに使えるおしゃれなフォント】

2019-04-25
Web素材

Google Fontで「今」使えそうな特殊フォント(Display)を集めてみました。基本的には「クラシックな中に今っぽさがある」デザインフォントを集めています。最近は似たり寄ったりのフォントが多い中、2019年の今「ビビビッ」と目を引き「映えそう」と思ったものです。

1. Designer officehojo

2. Designer officehojo

3. Designer officehojo

4. Designer officehojo

5. Designer officehojo

6. Designer officehojo

7. Designer officehojo

8. Designer officehojo

こういったインパクトのあるフォントは、タイトルや見出しに使うのが理想です。最初に「2」「4」「5」「6」「8」は大文字のみのフォントなので、小文字を使いたい方には不向き。それぞれの特性、見え方、良さそうな使い方を記述しています。先に言ってしまいますが、個人的ツボは「3」「7」「8」です。あとは使い方次第で面白そう、といった感じです。

※今回の記事は、投稿ページのhtml編集で”font-family”を使っています。

1. Fredericka the Great

鉛筆や先細のペン描かれたようなフォント。探検、冒険、絵本、古い地図といったイメージでアドベンチャー感があります。テーマパークとかディズニークラシックとか、そんな感じです。ベースはモダンフェイスといって縦のラインが太く横のラインが細くなっているフォント。セミクラシックな雰囲気もありますが、ブレや踊り(跳ね)もあるので、楽しいカジュアルなイメージで使う方がよさそうです。

2. Faster One

フリスク!爽快感、疾走感、スポーティー、それでいてクラシックです。ちょっと前までは古臭いイメージでしたが、今使うとオシャレだと思います。古い新聞記事とか雑誌とか、そんなイメージでもあります。男性的なので、女性向けのデザインには不向きです。

3. Vast Shadow

シャドウ付きのスラブセリフです。ジオメトリックサンセリフ(aが丸になってるやつ)がベースとなっており、シャドウを使ったクラシックな雰囲気を醸し出していますが、ややモダンです。平体が気になる方は長体95%(transform: scale(0.95, 1);ですかね?)くらいかけて使うとスッキリしそうです。フォーマルでも通用します。丸っこいので、女性向けでも使えそうですが、セリフがあるので大人向け。

4. Bungee Shade

変形サンセリフ。ゲームタイトルやハンバーガーショップの看板といった、ネオンが似合いそうなフォントです。昔のアメリカっぽい雰囲気。エレクトリックなものには大体合うと思います。線が太くもったりしているのでモダン系には合いません。これ自体は70〜80年代くらいのレトロ(サイケデリックではない)風ですが、他のフォントを今っぽいサンセリフにして組み合わせれば新しい使い方ができそうです。

5. Codystar

8つのうちでは一番モダンです。21世紀の香りがします。一時期グラフィック作品によく使われていたデザインです。こちらもネオン系のフォントと言えますが、4と違い今っぽさが感じられるフォルムです。ドットの集まりなので、カラー指定が真っ黒でも透け感があり、グレーに見えます。こういうフォントは小さく使わず、大きく使う方が面白いです。読ませない装飾系タイトルや背景に合わせやすい。クリエイティブ系フォント。

6. Barrio

カッティング系。画用紙をカッティングして作ったような切り文字。手作り感、手書き感、堅くない印象を与えたいときに活躍します。webページでは特に均一性のあるフォントが並ぶので、変則的なフォントは目を惹きます。コラージュとして使うのも一手。同じ文字が並ぶと2つのデザインが交互に現れるのも面白い。クラフト系です。

7. Jacques Francois Shadow

モデルのポートフォリオとか、ファッション誌とかで使えそうなオシャレ系フォント。アウトライン系のフォントは存在感が薄くなりがちですが、シャドウが濃いめに入っているので存在感があります。ちょっとヨーロッパ系の香りもします。どちらかというと女性向けですね。Jとかくるくるっと巻いていて可愛いので。一押しフォントです。

8. Ewert

ヴィンテージ系のフォントがベースになってますが、カッコいいんじゃなくて「可愛い」ヴィンテージ。よく見ると、上はスラブセリフのアウトラインシャドウなんですが、下にヴィンテージがかぶさっているハイブリッドなんです。モダンがヴィンテージの服を着てる、みたいなイメージです。形も丸っこくて可愛い。LAスタイルとかで使うのもいいのでないでしょうか。今やロンハーマン系で固まってますから、LA系デザイン。数字も可愛いのでナンバリングとかでも存在感出せますよ。

Webデザインに使えるあれこれ

2019年のデザイントレンドまとめ
CSSでエンボス風デザイン&その他のエフェクトとアニメーション
ドラッグで移動する画像ギャラリー