最高のCSS3フォントツールの5つ

Webデザインの改善：5つの主要なCSS3フォントツールの推奨ガイド

フォントは、Webデザインにおいて重要な役割を果たします。この記事では、5つの強力なCSS3フォントツールを紹介して、フォントを簡単に選択および適用し、Webデザインレベルを改善するのに役立ちます。

キーポイント：

• Google Webフォント、フォントリス、フォントドラグ、fffallbackおよびWhatFontは、フォントマッチングや認識などのリッチなフォントリソースと機能を提供するいくつかの優れたCSS3フォントツールです。
• Google Web Fontsは200を超える無料のフォントを提供し、CDNでダウンロード速度の問題を解決します。 Font Sirrelは、数百の市販の高品質のフリーフォントと、さまざまなWebページ形式とサンプルCSSコードを生成する @Font-Faceジェネレーターを提供しています。
• fffallback.comは、ユーザーがさまざまなフォントの下でウェブサイトの表示を表示するのに役立つブックマークツールであり、潜在的な書式設定の問題を特定します。 WhatFontは、魅力的なフォントのフォントタイプとサイズを識別するのに役立つ別のブックマークツールです。

ブラウザがグラフィックサポートを追加したため、フォントはWebページの視覚効果に最も大きな影響を与えます。数年前、このウェブサイトはほぼArial、Verdana、Tahoma、Times New Roman、またはGeorgia（またはより悪いコミックサンズ）のみを使用していました。標準のフォントスタックは問題ありませんが、少し単調に見える場合があります。 Internet Explorerは、10年以上前にWebフォントのサポートを開始しましたが、他のブラウザが追いつくのに時間がかかりました。ライセンスはまだ問題です - 商用フォントを使用することはできませんが、Webページを使用できるフォントまたは会社のスタイルに似たフォントを見つけることができるはずです。ただし、選択肢が多いほど責任が大きくなります。幸いなことに、CSS3フォントを見つけて使用するのに役立ついくつかのオンラインツールがあります…

1 まだGoogle Webフォントにアクセスしていない場合、何を見逃しましたか？ Googleは200以上のフォントを提供しており、その検閲ツールは驚くべきものです。任意のフォントファイルをダウンロードできますが、このツールを使用すると、開発者はHTMLリンクタグ、CSS @import宣言、またはJavaScriptスニペットを介してフォントをインポートできます。 Googleは潜在的なダウンロード速度の問題を強調していますが、CDNを使用できるため、ホスティングの問題を心配する必要はありません。完全に無料だと言いましたか？ Google Webフォントは、最も要求の厳しいデザイナーのニーズを満たします。

2

フォントリスは優れています。特に、すべてのフォントの責任をGoogleに渡すことに腹を立てている場合。このWebサイトでは、商業用に無料の数百の高品質のフォントを提供しています。 TTF、EOT、WOFF、およびSVG Fontファイル、およびすべての主要なブラウザで適切に機能する防弾コードと例を提供する @Font-Faceツールキットをダウンロードできます。まだ満足していませんか？ライセンスされたフォントファイルを @font-faceジェネレーターにアップロードします。あなたが喜んで使うことをいとわないこのサービスはいくらですか？それはあなたにペニーの費用がかかりません。

3 font dragr すべてのフォントがWebページでの使用に適しているわけではありません。 HelveticaやGeorgiaのようなフォントは、画面上によく表示されるように設計されていますが、すべてのフォントが同じであるわけではありません。したがって、ページに追加する前に、中世のスクリプトフォントをテストする必要があります。 Font Dragrはこれを簡単にします - フォントファイルをページにドラッグすると、テキストが魔法のように変更されます。

4 ffffallback すべてのユーザーがあなたの美しいフォントを体験できるわけではありません。古いブラウザを使用しているユーザーは、Webフォントをサポートしていない場合があり、モバイルデバイスで使用することを避ける正当な理由があります。幸いなことに、CSSはフォールバックフォントスタックをサポートしています：フォントが見つかるまで順番に試してください。ただし、フォントのサイズと間隔は異なるため、特定のフォールバックフォントはデザインを台無しにする可能性があります。 fffallback.comは、ウェブサイトがさまざまなフォントの下でどのように見えるかを示す優れたブックマークツールです。元のページの上部にあるページのコピーがオーバーレイされるため、すぐにフォーマットの問題を見つけることができます。 5

ワイルドに美しいフォントが見つかった場合、WhatFontはフォントの種類とサイズを識別するのに役立つ別のブックマークツールです。ツールを起動し、任意の要素の上にホバリングするか、任意の要素をクリックします。これよりも他に何が簡単ですか？

追加のフォントツール：

fontstruct and Bitfontmakerを使用すると、時間と興味がある場合は、独自のフォントを作成できます。どちらも、才能のあるアーティストによって作成されたさまざまな無料のフォントを提供しています。フォントマトリックスと一般的なフォントは、WindowsとMacのプライマリおよび代替フォールバックフォントをリストします。最初にこれらを常に確認してください。フォントがほとんどのプラットフォームで普遍的に利用可能である場合、Webフォントを使用する必要はありません。

他の優れたフォントツールを知っていますか？

以上が最高のCSS3フォントツールの5つの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。