Webデザイナーのためのトップ13の無料タイポグラフィリソース

タイポグラフィは本当に大きな問題です。 それがなかったら、私たちが読んでいたものの多くはほとんど同じように見えるでしょう。 優れたタイポグラフィが、Googleが新しいタイポグラフィ標準に適応するのに15年近くかかった理由です。 新しいGoogleロゴの詳細をご覧ください。これは、現在のテクノロジーと活版印刷の洞察で可能なことのより近代化されたバージョンです。

Comic Sans、Open Sans、Droid Sansなどのフォントは誰もが知っていますが、フォントとタイポグラフィの世界は、ほんの数世帯の名前よりもはるかに大きいです。 次のWeb上の最高のタイポグラフィリソースのまとめでわかるように、タイポグラフィデザインの世界は広範囲に及ぶ可能性があり、実際には終わりはなく、少なくとも決定された終わりはありません。 タイポグラフィは従来のユースケースを超えて進化しており、これはほんの始まりに過ぎません。

素敵なウェブタイプ

Webタイポグラフィとタイポグラフィの知識全般の最新の開発に追いつきたい場合は、Nice WebTypeから始めるのが最適です。 これは、AdobeTypekitのTimBrownによって管理されています。 彼は、優れたタイポグラフィの作成機能と、それが全体的なユーザーエクスペリエンスにどのように影響するかについて詳しく知りたいと考えている人のために、新しい洞察とリソースを頻繁に共有しています。

WhatTheFont

最もすばらしいフォントの選択肢があるWebサイトに出くわしたことがありますが、特定のWebサイトが使用している正確なフォントを見つけることができませんか？ WhatTheFontは、特定のサイトが使用しているフォントの種類を判別するのに役立つため、心配する必要はありません。 必要なのは、探している特定のフォントのスクリーンショットをアップロードすることだけです。 その後、WhatTheFontが残りを処理します。 結果はさまざまですが、一致するものがあるかどうかを確認するために少なくとも1回は試す価値があります。

典型的な反転

フリッピングは、さまざまなフォントがどのように見えるかを分析するのに最適であるだけでなく、デバイスですぐに利用できるフォントの種類を調べるのにも最適な方法です。 ページを下にスクロールして[さらに読み込む]ボタンを見つけ、残りのフォントを読み込んで、フォントの閲覧をお楽しみください。 あまりにも頻繁に、各フォントを個別に表示しようとしますが、実際には、このWebサイトを使用してすべてのフォントをロードするだけで、時間を大幅に節約できます。

DaFont

大規模なプラットフォームであるDaFontで、あらゆる種類のタイポグラフィを見つけることができます。 漫画、西洋、メキシコ、SF、ケルト、グラフィティ、キッズ、ハロウィーン、クリスマスなど、さまざまなカテゴリから検索できます。リストは続きます。 ホームページでは、最新のインクルージョンを見つけることができます。もちろん、フォントを送信することもできます。

すばらしいことに、カスタムテキストを使用して各フォントをテストし、外観を確認することもできます。 ちなみに、4つの異なるサイズオプションから選択して、サイズを調整することもできます。 続行する準備ができたら、ダウンロードボタンを押してそこから移動します。 それと同じくらい簡単です。

オープンファウンドリ

Open Foundryのフォントは無料で、プロジェクトで使用するためにすぐに利用できます。 あなたが自由に使える複数のバリエーションがあり、あなたに最も共鳴するものを見つける可能性を高めます。 もちろん、必要なテキストを入力して、自分に合ったタイポグラフィを使用してどのように表示されるかを確認することもできます。 Aテスト、色の変更、さらには背景の調整に使用できるさまざまな間隔機能もあります。 これらすべてのオプションを使用すると、使用するフォントがWebサイトで、またはドキュメントに使用している場合でも、完全に機能することを安全に保つことができます。

Awwwardsフォントコレクション

Awwwardsは、あなたの便宜のためにたくさんの資料を揺さぶる印象的な無料のタイポグラフィリソースです。 クラシックなものからクールでトレンディなものまで、あらゆる種類のバリエーションがあります。 あなたのスタイルが何であれ、Awwwardsであなたのニーズに合ったトリックをするフォントを見つける可能性が高いです。 目的のフォントが見つかると、Awwwardsはソースにリダイレクトし、そこからダウンロードしてすぐに使用できるようにします。 言うまでもなく、Awwwardsには非常にクリエイティブな選択肢がたくさんありますが、これは常に良いことです。

タイプテスター

FlippingTypicalはコンピュータにあるフォントのリストを提供し、それぞれがどのように見えるかについての一般的なアイデアも提供しますが、Typetesterはさまざまなフォントが互いにどのように隣接しているかの本格的な体験を提供します。カスタマイズされたオプション。 身長、体重、サイズ、間隔、テキストの配置など。 何千ものフォントから選択でき、Typetesterを使用して数え切れないほどのインスピレーションを与えるアイデアを見つけることができます。

ベースライン

ベースラインは、ユーザーが実用的なグリッドで快適に編成されているだけでなく、業界標準のタイポグラフィとタイポグラフィの選択肢を備えたWebサイトを構築できるようにするために構築されました。 ブラウザのデフォルトの動作をリセットし、基本的な活版印刷のレイアウトを構築し、単純なグリッドシステムを構築するために、いくつかのファイルから始まります。 これらには、HTMLフォームと新しいHTML5要素のスタイルが含まれます。 ベースラインは単純なデモフレームワークとして始まり、後に利用可能な最も広く知られているタイポグラフィフレームワークの1つになりました。 ベースライングリッドはまだ多くの人にとって新しいものですが、このフレームワークはそれへの素晴らしい入門書です。

Google Fonts

Google Fontsは、地球上で有数のフォントプロバイダープラットフォームの1つとして際立っています。 これは、700を超えるオープンソースフォントをダウンロードして使用できるためです。 最近出てくるすべての新しいWordPressテーマは、何らかの形でGoogleFontsの恩恵を受けているようです。 700以上のフォントすべてを一度に統合できるWordPressプラグインも不足していません。 各フォントは、独自のサーバーでホストできます。 または、Googleのサーバーを使用して、フォントをそのように使用することを選択できます。

MyFonts

MyFontsは15年以上前から存在しています。 デザイナー、アーティスト、開発者向けの主要なフォントリソースの1つとしての地位を確立しています。 1000以上のフリーフォントを楽しむことができます。 ただし、プロの経験豊富なデザイナーからフォントを購入する機会を探すこともできます。 それはあなたのウェブサイト、アプリ、デザインにユニークな味を追加します。 各プレミアムフォントにはさまざまなスタイルがあり、コストパフォーマンスに優れています。

タイプキット

Typekitは、Adobeのプレミアムフォントサービスです。 これは有料のサービスですが、サブスクリプションと引き換えに、次のプロジェクトの靴下を吹き飛ばす超高品質のフォントにアクセスすることができます。 購入時に、好きな方法でフォントを使用するための完全な権限を取得します。 コミットする前に、無料プランを試すことができます。 オプションを調べて、すぐに利用できるフォントのいくつかを見てください。 これは、タイポグラフィの天才がWebサイトを強化するために使用する場所です。

FontShop

FontShopは、9,000以上のフォントと、2,000近くのユニークなデザイナーを擁し、あらゆるレベルのプロジェクトを補完するクリエイティブなフォントを幅広く提供しています。 フォントの閲覧しやすいディレクトリにより、芸術的であろうと専門的であろうと、誰でも探しているものを正確に見つけることができます。

TYPEinspire

TypeInspireは、タイポグラフィとテキスト効果の最大のインスピレーションギャラリーです。 このリソースの各提出物は、画像とその所有者への帰属リンクで補完されます。 多くのものはDribbbleやBehanceのようなサイトから来ています。 TYPEinspireは、単に悪いものを取り除き、良いものだけを保持するという仕事をします。