9

上品なテイストのサイトに使いたいフォント50選


サイトのデザインや雰囲気を引き立てるためには、
それに合ったフォントのロゴやヘッダーも欠かせませんよね。
今回は、上品なテイストのサイトに使えそうなフォントを、日本語・英語問わず集めました。
ご使用する際は念のため必ず配布元サイトの利用規約などにも目を通すようにしてください。

Marbre Sans

2014022601-26

https://www.behance.net/gallery/Marbre-Sans-(Free-Font)/14151285

商用利用可。
細長いスタイルと適度な強弱のあるストロークが大人っぽくエレガント。

Mondrian

2014082506-08

https://www.behance.net/gallery/18907235/Mondrian-Font-Free-Font

商用利用可。
レトロかつ洗練されたデザインのフォント。ワンポイントに目立ちそう。

Anders

2014082506-10

https://www.behance.net/gallery/18068463/Anders-(Free-Font)

商用利用可。
ソリッドなラインと重なりが美しい、シンプルで上品なフォント。

Accent

47-accent

http://www.behance.net/gallery/Accent-%28Free%29-Display-Typeface/2624657

商用利用可。

インクの滲みのようなアクセントと、極細のストロークが繊細で上品なフォント。

COCO

font301

http://www.behance.net/gallery/COCO-Free-Fashion-Typefamily/5411701

商用利用可。

高級感のある、ブランドロゴのようなフォント。

Rochester

free-romantic-fonts-rochester

http://www.fontsquirrel.com/fonts/rochester

商用利用可

適度な丸みがエレガントかつ、美しい強弱が魅力のフォント。

Glamor

49

https://dribbble.com/shots/1290571-Glamor-Chic-Modern-Free-Type-Family?list=searches&tag=free_fonts

商用利用可

ストロークが特徴的でエレガント。

Day Roman

dayroman

http://www.dafont.com/day-roman.font

商用利用可
さりげない曲線使いが上品で美しい。

Forum

144

https://www.behance.net/gallery/Forum/3295480

商用利用可。

オーソドックスなロマン字体をベースにした、読みやすくなめらかな印象のフォント。

Oranienbaum

412

https://www.behance.net/gallery/Oranienbaum-free-font/4688931

商用利用可

細身のスタイルがアダルトな魅力のある、ヘッドライン向けのモダンなフォント。

ZBRAZIL FONT

40-vitage-retro-fonts-july-2014-retrofont15

https://www.behance.net/gallery/ZEBRAZIL-FONT-%28FREE-FONT%29/12440865

個人利用のみ可

縦長で詰め気味の文字間が特徴。

Recorda Script

199

http://www.fontspace.com/m%C3%A5ns-greb%C3%A4ck/recorda-script-personal-use-onl

個人のみ利用可

流れるようなストロークと、大きくアクセントの効いた大文字がエレガント。

Tenderness

fresh_free_fonts_9

http://www.dotcolon.net/font/font.php?id=2

商用利用可。
読みやすく、手書きのようなやわらかな印象のあるフォント。

Champignon

22

http://www.dafont.com/champignon.font

商用利用可。

流麗な筆記体。勢いがあり、エレガントな印象。

Sverige Script

sverige_script

http://www.dafont.com/sverige-script.font

個人利用のみ可。

華やかな装飾が施された筆記体フォント。

Brotherfood Script

brotherhood-free-font

https://www.behance.net/gallery/22058985/Brotherhood-Script

個人利用のみ可。

全体的に細いストロークで書かれた筆記体。程よい装飾が上品な印象。

Yaseva

font36

http://www.behance.net/gallery/Free-font-Yeseva/5296655

商用利用可

太めのラインで、一癖あるアクセントがインパクトを与えてくれるフォント。

Garton

37-gartoon

http://www.fontsquirrel.com/fonts/Garton

商用利用可

シンプルで上品ながらも、くるんとした曲線使いがかわいらしさもあるフォント。

Infinity

ce2c44855095add79a3e28a322130c61

https://www.behance.net/gallery/Infinity/1126535

商用利用可

細いラインと丸みが特徴の可読性に優れたフォント。

St Marie font

0f972f8409fb5ed1bdcb0729baca4089

http://fontm.com/st-marie-font/

商用利用可

無駄な装飾のない、洗練された美しさ。

ZnikomitNo25

font35

http://www.glukfonts.pl/font.php?l=en&font=ZnikomitNo25

商用利用可

部分的な二重の線がアクセントになった、エレガントなフォント。

L’egoist Corbeau

3.Free-Font-Of-The-Day-Legoist-Corbeau

https://www.behance.net/gallery/18855643/Font-Design

商用利用可

パリにインスパイアされたという、ファッショナブルで上品なフォント。

Debonair Inline font

d7b4512d90b3ab86b77093f3ebcc0905

http://www.fontspace.com/nicks-fonts/debonair-inline

商用利用可

インラインがオシャレですが、細いラインなので品がありますね。

Medio

free-fonts-2014-medio

http://www.dotcolon.net/font/medio/

商用利用可

新聞の文字のような、フォーマルで読みやすいフォント。

Penna

free-fonts-2014-penna

http://dotcolon.net/font/penna/

商用利用可

大文字が幾何学的なデザインになっている、一見シンプルだが味わい深いフォント。

ほのか丸ゴシック

honokamaru

http://font.gloomy.jp/honoka-maru-gothic-dl.html

商用利用可

やや癖のある、柔らかな曲線のかなを収録した丸ゴシック系フォント。

ほのか明朝

mihon_3_min

http://font.gloomy.jp/honoka-mincho-dl.html

商用利用可

漢字とひらがなのサイズ感の違いが特徴の、なめらかな丸みが美しい明朝体。

ほのかアンティーク角

mihon_3_kaku_antique

http://font.gloomy.jp/honoka-antique-kaku-dl.html

商用利用可

角ゴシックの漢字に合わせた、鱗付きの文字を組み合わせたアンチック体。

ほのかアンティーク丸

 

mihon_3_maru_antique

http://font.gloomy.jp/honoka-antique-maru-dl.html

商用利用可

丸ゴシック系の漢字に明朝体風の鱗の付いたかな文字を組み合わせたアンチック体。

はんなり明朝

hannari

http://typingart.net/

商用利用可

日本語の美しさが引き立つ、やわらかくてふんわりした丸みのある明朝体。

うつくし明朝体

utsukushi

http://www.flopdesign.com/freefont/utsukushi-mincho-font.html

商用利用可

縦書きの美しい流れを意識してデザインされた明朝体。

明朝體フォント むつき

mutsuki

http://mandel59.github.io/mutsuki/index.html

商用利用可

昔の活字体のストロークを再現した、知的なフォント。

やさしさアンチック

fd9c381ecf7a4375fd2bd90cab0b68ec

http://www.fontna.com/blog/1122/

商用利用可

明朝体とゴシック体が組み合わされた太めのフォント。可読性に優れます。

イマジン・ヨコハマ

534c17a447eb20034aefe257d0ff5e45

http://www.city.yokohama.lg.jp/bunka/outline/brand/output02.html

商用利用可

上品かつスマートでやさしい印象のあるフォント。漢字はほとんど入っていません。

ロゴたいぷゴシック

daf187dcaf448a036cd14df61689be61

http://www.fontna.com/blog/1226/

商用利用可

丸みを帯びていてしなやかな印象のゴシック体。

ロゴたいぷゴシックコンデンスド

7e6b75992a82e57e737343172d3c3af3

http://www.fontna.com/blog/1345/

商用利用可

ロゴたいぷゴシックを長形にしてスマートな印象にしたもの。

しねきゃぷしょん

cinecaption_sample

http://chiphead.jp/font/htm/cinecaption.htm

商用利用可

洋画の字幕のようなフォント。おしゃれで上品な印象に。

あられ

413a34ec829c4f44a0ef5d3f44aee612

http://www.type-labo.jp/Hanpuaralet.html

商用利用可

切り絵のように素朴かつ、おとなしい上品さのあるフォント。

はれのそら明朝

hare_image-470x470

http://fontopo.com/?p=377

商用利用可

角丸のすっきりとした明朝体。少しの墨だまりが懐かしく味わい深い。

ねずみ

01ea74372ac615dfc8ce9a4acdc34405-382x227

http://webub.net/sozai/nezumi/

商用利用可。

手書き風の、正統派でクセがなく読み手にやさしい書体。

かんじゅくゴシック

020642342dbe2d4e8123d58554837de1-382x277

http://www.flopdesign.com/freefont/kanjyukugothic-freefont.html

商用利用可。

シンプルながらも一味違う少しうねったラインと、レトロな雰囲気が特徴のゴシック体。

超極細ゴシック体

c4d1385b1d599f719df641b4ef7e090d-382x226

http://font.websozai.jp/index.html

商用利用可。

超極細!の線が特徴の、繊細で美しいゴシック体。

ちはやフォント

6f6497f9b9c6ce0bc190bf03b617cd72-382x226

http://welina.holy.jp/

商用利用可。

丁寧な手書きの、女性らしさのある素朴なフォント。

えれがんと

cba286e7c31144dda8bf7939891ea4b6-382x308

http://www.type-labo.jp/index.html

商用利用可

文字の先に丸のアクセントがついてるのが特徴の名前通りエレガントな書体。
少々ポップな感じもしますが、ヘッダーなどに部分使いすれば品のある印象に。

Source Han Sans

4a037da0afd93009b3bfd33f551c1945-382x218

http://sourceforge.net/projects/source-han-sans.adobe/files/

商用利用可

GoogleとAdobeが共同で開発した、オープンソースフォント。
優れた可読性と、無料とは思えないクオリティ。

刻明朝フォント

118111bb37e468fad31ca72c5237214d-382x225

http://freefonts.jp/font-koku-min.html

商用利用可。

幅ごと小さくデザインされた、頭でっかちめなバランスがかわいらしい明朝体。

花園明朝

16b449cba5311769a7976a27cd64c052-382x247

http://sourceforge.jp/projects/hanazono-font/

商用利用可。

オープンソースの漢字フォント。ひらがな・かたかな対応の6万字収録。
細めの明朝体で繊細な美しさ。

xano明朝体フォント

7ec0860d93dd7d0913ba08968c794764-382x257

http://www.asahi-net.or.jp/~sd5a-ucd/freefonts/XANO-mincho/

商用利用可

細かくデザインされた墨溜まりが大変美しく、上品な筆運びの明朝体。

フォントポにほんご

0e70da616b061a57dea9d94f94252562-382x211

http://yoshihisa.que.jp/fontopo/nihongo.html

商用利用可

少々変わったフォルムの、ユニークだけど読みやすいフォント。

出島明朝フォント

0fbc8b70c82741639c08a1d52442e104-382x180

https://code.google.com/p/dejima-fonts/

商用利用可

文字間隔が広めの、はらいとウロコが美しい明朝体。

最後に

ここまで上品なテイストに使えそうなフォントをご紹介してきましたが、いかがでしたか?
英語も日本語も、ハイクオリティなフォントがたくさんあり迷いますね。
上品なテイストだと奇抜なデザインのものより
ベーシックな型に一味加えた感じのフォントが多かったと思うのですが、些細な違いで印象が微妙に違ってきます。
ぜひ、あなた好みのフォントをチョイスしてくださいね。

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


Next ArticlePhotoshopでGIFアニメーションを作成するチュートリアルまとめ