デザインブログ

  • TOP
  • ブログ
  • WEBデザインには欠かせないフォント特集!!
20160721blog_img1

WEBデザイン

WEBデザインには欠かせないフォント特集!!

ホームページをデザインする上で、重要な要素となる「フォント」について、
まとめてみました。

フォントはサイト上の印象に大きく関わってきます。
私なりに明朝体やセリフ体などはお堅いフォーマルな印象を受け、ゴシック体やサンセリフ体はカジュアル的なイメージを与えているような感じがします。

なので、フォントとはWEBや紙媒体、その他の媒体において重要な役割を果たします。

既にインストール済みのフォントに飽き足らず、新しいフォントを入手したい方は向けにフリーで使用ができるダウンロードサイトをご紹介!!
※一部商用利用不可なフォントも有り

M+FONTS

20160721blog_img2

http://mplus-fonts.osdn.jp/

日本語とラテン系の言語に対応。
可変幅で7種、固定幅で5種のウエイト

※商用利用可能、フリーライセンズ

Google Noto-Sans-Japna

20160721blog_img3

http://www.google.com/get/noto/#/family/noto-sans-jpan

GoogleとAdobeが共同開発したフリーフォントです。
また近年多く見受けられるフラットデザインにも合うGoogleフォントです。

FONT FREE

20160721blog_img4

http://fontfree.me/

和文フォントメインで確認しやすいので、フォント選びには最適です。
個性的なフォントも多いので、おすすめです。

Dafont.com

20160721blog_img5

http://www.dafont.com/

海外のフォントダウンロードサイトで、英文メイン。
フォント数が多いのですが、自分の求めているフォントを探すのに時間がかかるのが難点。
また、大手メーカーさんのフォントなどもあったりしますので、
英文フォントをお求めの方にはおすすめです。

一部サイトをご紹介させて頂きましたが、
今回は以上になります。

この記事が気に入ったら
いいね!お願いします。

最新情報をお届けします

関連記事

  1. 6aadbba7da65b2c127d6d010932a6fbd_s

    WEBデザイン

    ホームページリニューアルの失敗しないための注意点!!

    今使用しているホームページも古くそろそろリニューアルどきと感じて、…

  2. _shared_img_thumb_PAK85_kakomaretairoenpitu1278_TP_V

    WEBデザイン

    ホームページの見やすさの視認性と読みやすさの可読性!!

    せっかくホームページを作っても見づらかったり、読みにくかった経験はござ…

  3. 1381cdd3d8ee353b0371001e5c2e87eb_s

    WEBデザイン

    サイト全体のイメージとターゲットユーザを考える!!

    新規でホームページ制作またはサイトリニューアルを行う際にターゲットユー…

  4. e6773cd0fee5bafc1a6ce28a05353fb0_s

    WEBデザイン

    絶対に抑えておきたいホームページの配色の面積と方法!!

    ホームページを制作する際に色の面積、配色がサイトのイメージを左右する大…

  5. 8e59eb4aa29ce1b551b409bed0416068_s

    WEBデザイン

    同じ色でも違って見える原因!

    ホームページ制作をやっていてたまにあることを書いてみたいと思います!!…

おすすめ記事

  1. ice_screenshot_20160831-012703
  2. 20160825blog
  3. CoverVid
  4. 20160810blog1
  5. 9eebd6ae3e003dafbcb134405e540da0_s
  6. 20160801blog
  7. 20160630_1

最近の記事

  1. ドラッグ&ドロップ機能を可能にするモーダルポップアッププラグ…
  2. スクロールする際に画像をフェードさせるJavascriptプ…
  3. レスポンシブ対応!!自動フルスクリーン背景スライドの作成方法…
  4. Googleが公表するSEOランキングの3大要素!
  5. RTLテキスト対応JQueryのコンテンツスライダー・グライ…

アーカイブ

  1. 8bb8a7a122856ba61369ff78cf81a236_s

    SEO対策

    ドメイン移転でGoogleのSEO評価を引き継ぐ方法!!
  2. 05

    SEO対策

    SEOの対策に欠かせないブログ機能!!ブログの6つのポイント!!
  3. 05

    SEO対策

    SEO上メリットの大きいタイトル要素とホームページの特徴づけについて
  4. 201601190

    制作ツールブログ!!

    ワードプレスを運営するなら入れておきたいお勧めのプラグイン②
  5. 6d7d03d48271a903c1077ec6128b8d1b_s

    やってはいけない!ホームページ制作

    やってはいけない!!逆効果を生んでしまうブラックSEO!!