あなたは偉大に見えるためにあなたのサイトを必要とし、タイポグラフィ 高い品質基準を維持する2020年のフリーフォントはどこでオンラインで見つけることができますか？私は、ユーザーインターフェイスは、必要な要素を魅力的にしながら、必要なものだけを必要とすると信じています。 私達はミニマリズムと視覚懇願間の最適のバランスを打ちたいと思う。

シンプルに保ちますが、シンプルに見栄えを良くします。

しかし、simpleは正確にはどのように見えますか？

混乱を取り除き、残っているもののほとんどはUIのコピーとテキストコンテンツです。 それはエキサイティングではありませんが、正直言ってみましょう：これは、任意のアプリやウェブサイトの中で最も重要な側面です。 情報は、ユーザーが我々のアプリやウェブサイトを使用している全体の理由です。

正しい書体と正しいフォントスタイル（Font vs.typeface：the ultimate guideを参照）を組み合わせることで、非常にシンプルで魅力的なデザインを同時に作成できます。 これは設計の重要な面を強調し、より少ない資源を使用し、そして最も少なく不必要な認識負荷を引き起こす。

タイポグラフィは非常に強力なことができます。

しかし、最高の無料のフォントのウェブサイトは何ですか？

フリーフォントを探すのではない場所

Dribbble、Behance、Gumroadなどは隠された宝石のトンに家ですが、これは不完全なサイドベンチャーと”lite”バージョンであるそのうちのいくつかは、多くのデジタルリソースをふるいにかけることを含みます。 それは言われて、あなたがいずれかに遭遇することが起こるかどうか、あなたは素晴らしいリソースをブックマークすることを確認してください。 Instagramでさえあなたを驚かせるかもしれませんし、Twitterも見過ごされるべきではありません。それはさておき、最高の無料のフォントのウェブサイトのように見てみましょう。

それはさておき、最高の無料のフォントウェブサイトのように見てみましょう。

Google Fonts

このリストのナンバーワンは明らかにGoogle Fontsであり、ほとんどの選択肢が提供するものを超えています。 まず第一に、Google Fontsは高速で便利なCDN（content delivery network）を提供し、実際にホストせずにwebフォントをwebサイトに埋め込むことを非常に簡単にします。また、埋め込みコードのクエリ文字列からfont-displayCSSプロパティを設定することで、Web上でのフォントの読み込み方法を制御することもできます。 （”Google Fonts and font-display”のCSS-Tricksの記事では、その方法が説明されています。）

あなたを気に、セルフホスティングフォントは、プライバシー（それはcookielessだから）とスピード（それは開発者がより多くの制御を提供していますので）のために いずれにしても、Googleのフォントはhumungousレパートリーを持っています。/p>

クリエイティブマーケット

私はあなたが考えているものを知っています：”クリエイティブマーケットは無料ではありません、ダニエル！”

ああ、しかし、無料の商品セクションはどうですか？ 無料の商品について興味深いのは、これらが実際に一時的に無料のプレミアムフォントであるということです。 フォントを含めることは保証されていませんが、毎週6つの新しいデザインアセットで更新されます（サインアップするとさらに3つ、アセットにX

私は何年もの間、毎週クリエイティブマーケットの無料商品セクションをチェックしてきた、と私は何も費用がかからない高品質のフォントの大 フォントバンドルは同様の取引を実行します。

Font Squirrel

Font SquirrelはUnsplashのようなものですが、フォントのために、それ）、多分Unsplashはフォントリスのようなものですが、ストック画像のために、より正確であると言って！ DafontやUrban Fontsと並んでベテランのフリーフォントウェブサイトの1つですが、「squirrel」の方が優れています。

ベテランのサイトの多くは少し時代遅れに見えますが、Font Squirrelは残りの部分に比べてやや近代的なウェブサイトを維持しています。 また、非常に便利なツールのカップルを持っています：

• Webfont Generator（TrueType/OpenTypeフォントをwebfontsに変換します）
• フォント識別子（アップロードされた画像/スクリーンショッウェブサイトを見て、それは唯一の個人的な使用のための無料のフォントを提供していますが、フォントリスは、そのフォントのすべてが商業的な使 FontSpaceは必ずしも適切ではないかもしれません。

  

  フォントによる

  Befontsを離れて設定するのは、表示フォントに焦点を

  いくつかのフォントはlite/デモ版のみを提供し、多くの場合、TTF/OTF形式（Webにはあまり適していないことを意味します）で十分ですが、Befontsは”we have everything”アプローチを取らない数少ないウェブサイトの一つです（これは時には圧倒されることがあります）。 また、TTFとOTFのフォントをいつでもwebフォントに変換できます。

  

  Font Shop

  Font ShopはFont SquirrelやFontSpaceのような無料の書体に完全に焦点を当てていませんが、 私はそれがオプションの中で最もユーザーフレンドリーではないと感じていますが、フォントは比較的高品質です。

  

  佳作

  次のフリーフォントウェブサイトは少し古く見えますが、正直なところいくつかのフォントもありますが、今日は間違いなくフリーフォントの最大のデータベースです。

  • Dafont
  • Urban Fonts
  • Fontsly

  どのフォント形式が必要ですか？OpenType(OTF)とTrueType(TTF)のフォント形式は、本当に長い間標準となっており、今日でもグラフィックデザインで頻繁に使用されています。 しかし、そうは言っても、WOFF形式はWeb上でより優れた圧縮を持っています（特にwoff2は現在、webブラウザの94.49％でサポートされていますcaniuse.com実際、新しいGoogle Fonts埋め込みコードでは、WOFF2形式のみが提供されています。だから、要するに：

  • web埋め込み用のWOFF2
  • TTF/OTF他のすべてのために

  どのフォントスタイルが必要ですか？今日では、規範が少し窓の外に投げ出されているので、それは本当に問題ではありません。 例として、セリフフォントは現代的な感触を持つことができます（媒体を考える）。

  代わりに、より明確に焦点を当てる必要があります。

  • 読みやすさ（文字を区別するのがいかに簡単か）
  • 読みやすさ（文章全体を読むのがいかに簡単か）

  これのいくつかはフォント自体に帰着するので、どのフォントを使用するかを決定する際に注意する必要がありますが、それ以外の場合は、フォントがどのようにスタイリングされているか（サイズ、重量など）に帰着します。疑問がある場合は、WCAG2.0/2。1(Web Content Accessibility Guidelines)行間隔、行幅、行の高さ、フォントのサイズなど、タイポグラフィとその多くの属性について知っておく必要があるすべてを持っています。

  結論

  フォントは非常に便利であり、彼らは多くの場合、より多くの視覚的な混乱に敷設することなく、視覚的、感情的な魅力の適切な量を達成 あなたのデザインはとにかくテキストを必要とするので、なぜそれを最も顕著な側面にしませんか？