1/23(Wed)

今日の生放送

名刺を作りたい時や、自分のイメージ通りのバナーを制作したい時、フォントの雰囲気が合わなくて名刺やバナーの仕上がりが微妙になってしまうことってありますよね。

 

WEBデザインに大きな影響を与えるフォント。無料でも商用利用可能のフォントがたくさんあることはご存知ですか?

そんなWEBデザイン初心者の方に、商用利用が可能なフリーフォントをまとめました。

 

※30種類のフォント一覧表は最下部に記載

 


1    フォントポにほんご

  

ダウンロードはこちら

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


2    ぼくたちのゴシック



ダウンロードはこちら

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


3    ニクキュウ



ダウンロードはこちら

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


4    オリエンタル



ダウンロードはこちら

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


5    fontopo



ダウンロードはこちら

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


6    Subway



ダウンロードはこちら

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


7    Solid



ダウンロードはこちら

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


8    やさしさゴシック



ダウンロードはこちら

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


9    やさしさゴシックボールド(ふとめ)



ダウンロードはこちら

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


10    やさしさアンチック



ダウンロードはこちら

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


11    ロゴたいぷゴシック



ダウンロードはこちら

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


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



ダウンロードはこちら

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


13    スマートフォントUI



ダウンロードはこちら

http://www.flopdesign.com/freefont/smartfont.html


14    みんとキッス



ダウンロードはこちら

http://www.flopdesign.com/font4/mintkiss-font.html


15    うつくし明朝体オールド



ダウンロードはこちら

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


16    フロップデザインフォント



ダウンロードはこちら

http://www.flopdesign.com/freefont/flopdesignfont.html


17    はんなり明朝



ダウンロードはこちら

http://typingart.net/


18    こども丸ゴシック



ダウンロードはこちら

http://typingart.net/


19    こども丸ゴシック細め!



ダウンロードはこちら

http://typingart.net/


20    プラネタリウム



ダウンロードはこちら

http://typingart.net/


21    FGポップ



ダウンロードはこちら

http://fontgraphic.jp/blog/item/108-fgpopdownload.html


22    FG零ラバウル



ダウンロードはこちら

http://fontgraphic.jp/blog/item/116-fgzerorabauldownload.html


23    mini-わくわく



ダウンロードはこちら

http://mini-design.jp/font/mini-wakuwaku.html


24    Rounded M+



ダウンロードはこちら

http://jikasei.me/font/rounded-mplus/


25    しねきゃぷしょん



ダウンロードはこちら

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


26    キネ丸ボールド角ゴシック



ダウンロードはこちら

http://book.fontgraphic.jp/kinemarubold.html


27    あられ



ダウンロードはこちら

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


28    たぬき油性マジック



ダウンロードはこちら

http://tanukifont.com/tanuki-permanent-marker/


29    イマジン・ヨコハマ



ダウンロードはこちら

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


30    まにまにおためしばん!



ダウンロードはこちら

http://n-yuji.info/index.php/totika-font


 

自分の好みにあったフォントは見つりましたか?

ここに載っているフォントは全部フリー!将来使いそうなフォントはダウンロードしておきましょう♪

 



<一覧>

  フォント名 ひとこと説明 プレビュー 日本語
1 フォントポ
にほんご
癖があるのに主張しすぎない
2 ぼくたちの
ゴシック
ちょっとだけ太めのゴシック体
3 ニクキュウ ニクキュウのようなかわいいフォント カナ
4 オリエンタル エスニックでシャープなフォント カナ
5 fontopo 丸いのにしつこくないフォント 英字
6 Subway 標識のようなおしゃれなフォント 英字
7 Solid インベーダーゲームのようなフォント 英字
8 やさしさ
ゴシック
手書きとデジタルの間のほんわかフォント
9 やさしさ
ゴシックボールド
(ふとめ)
手書きとデジタルの間のほんわかフォント

10 やさしさ
アンチック
漢字との統一感が高いデザインの漫画用フォント

11 ロゴたいぷ
ゴシック
しなやかなデザインが特徴
12 ロゴたいぷ
ゴシックコンデンスド
すらりとエレガントなフォント
13 スマート
フォントUI
モダンでスマートなフォント
14 みんとキッス 80年代を意識した可愛くてポップなフォント
15 うつくし明朝体
オールド
流れるように美しいフォント

16 フロップ
デザイン
フォント
思った以上にスタンダード
17 はんなり明朝 やさしくてふんわりとしたフォント
18 こども
丸ゴシック
元気いっぱい!こどもの手書き風フォント
19 こども
丸ゴシック細め!
使いやすい!こども手書き風フォント
20 プラネタリウム たくさんの星が光るフォント カナ英字
21 FGポップ カクカク直線がポジティブな印象のフォント
22 FG零ラバウル 零戦の機体プレート風フォント
23 mini-わくわく 丸くてポップなフォント
24 Rounded M+ 使いやすさ抜群の丸ゴシック体

25 しねきゃぷしょん レトロな映画字幕風フォント

26 キネ丸
ボールド角ゴシック
くねっとした独特な曲線が魅力

27 あられ ぬくもりを感じる素朴なフォント

28 たぬき油性
マジック
お店のポップそのもの

29 イマジン・
ヨコハマ
上品かつスマート どこか懐かしさを覚えるフォント

30 まにまに
おためしばん!
レトロチックな和ポップテイスト

カナ
 

 

WEBデザインを学びたい人必見!WEBデザインを学ぶためのオンライン動画授業4選

WEBデザインで使えるフリーフォントに興味のあるあなたにWEBデザインを学ぶための授業4選をご紹介します!これらの授業を通じて、具体的にHTML,CSSの実践的スキルや、ランディングページの最適化などについて学ぶことができます。ぜひこれらの授業を受講し、WEBデザインに関する知識を身につけましょう!

 

1.HTML5/CSS3実演生放送 -初心者がつまづくポイントと実践的スキルを解説します-

本授業は、コーディング初心者が中級者にレベルアップするための実践型授業です。コーディングテクニックを単に知識として学ぶだけではなく、実践的に身につけることを目指します。
本放送は、Schooでもおなじみ「HTML5&CSS3デザインレシピ集」の著者である狩野 祐東先生が、初心者のためのテクニックをLIVEで実演します。実演を見ることでしか分からないコツや、初心者がつまづきやすいポイントを学んでいきましょう。

 

2.基礎から学ぶランディングページ最適化

この授業では、企業でマーケティングを担当している方や広告業界で働いていて制作や運用を担当している方を対象として、ランディングページ最適化(LPO)について学びます。 そもそもランディングページとは、様々なネット広告のリンクから飛んだ先にある、商品やサービスを売るためのWebページです。
ただページを作成すればいいというわけではなく、それぞれの目的に合わせた成果を上げるためのノウハウがあります。受講することでランディングページの基礎知識や成果をあげる方法を身につけましょう。
授業を担当するのは、ヒートマップ分析で業界を牽引する株式会社Ptmindの小原 良太郎先生です。

 

3. ブランディングのためのエクスペリエンスデザイン

この授業では、エクスペリエンスデザインの基礎を学ぶことで、事業でもサービスでもユーザーでもなく、それらすべての関係をとらえるための視点を身につけることを目指します。
長期的で質的な改善を行い、どんなユーザーとどんな関係を築いていくのかを考える「ブランディング」に適しているエクスペリエンスデザインをしっかりと学んでいきましょう。

 

4. デザインのよみかた

本授業は、コーディング初心者が中級者にレベルアップするための実践型授業です。コーディングテクニックを単に知識として学ぶだけではなく、実践的に身につけることを目指します。
本放送は、Schooでもおなじみ「HTML5&CSS3デザインレシピ集」の著者である狩野 祐東先生が、初心者のためのテクニックをLIVEで実演します。実演を見ることでしか分からないコツや、初心者がつまづきやすいポイントを学んでいきましょう。

 

いかがでしたでしょうか?
これらの授業を受講することで、WEBデザインに関する基本的な知識を身につけることが出来るでしょう。さらに、これらの授業を通じて、自身がこれからWEBデザインとどのように関わっていこうかを考えることも出来たのではないでしょうか?
スクーではこれら4つの授業以外にWEBデザインに関する授業を多数開講しています。ぜひスクーでさまざまな授業を受講し、WEBデザインに関する知見を深めていきましょう!

  • このエントリーをはてなブックマークに追加

デザイン学部の記事一覧