フォント素晴らしい:全体図書館ガイド
無料のアイコンフォント素晴らしい:それが何であるか、それが何であるか。サイトにアイコンを接続する方法。図書館の長所と短所。
フォントが素晴らしいとは何ですか、それはサイト上で使われていますか。ライブラリの利点フォント素晴らしいアイコンセット:究極のガイド
フォント驚くべきことは、CSS以外に基づくフォントとアイコンのセットです。このツールを使用すると、すべての種類のアイコンをサイトにすばやく接続することができ、その設計と使いやすさが大幅に向上します。数行のコードを挿入するのに十分です。
Font Awesomeは、サイズ、色、影、CSSでできるすべてのものなど、簡単にパーソナライズできるスケーラブルなベクトルアイコンを提供します。
Font Awesome Libraryには、あなたにとって最高の提案の膨大なコレクションがあります。ユニークなアイコンでプロジェクトを改善します。実際、これはあなた自身の目的のために使用できるあらゆる種類のアイコンの巨大なセットです。
フォンタウソームでは、すべてのアイコンは絶対にそして完全に無料です。ライブラリはGNU General Public Licenseの下でライセンスされています。これは、それが商業プロジェクトで自由に使用できること、および原則として、どこでも。
セットはDave Gandhiによって作成されました。それは無料のソーシャルメディアのアイコン、ユーザーインターフェースを改善するためのアイコンなどを含みます。
通常、フォントAwesomeフォントスクリプトはBootStrapとBootstrapCDNと組み合わせて使用されます。フォント素晴らしいは、人気の中でGoogleフォントにのみ2番目にあります。
使い方
主な機能は、すべてのフォント素晴らしいアイコンが静的な画像ではないことです。それらはフォントフォーマットにあります。言い換えれば、これらはアイコンフォントです。例えば、検索アイコンまたはソーシャルネットワークロゴは、単純文字「a」、「b」、「c」と同じである。
フォント素晴らしいアイコンはスケーラブルベクトルを使用して作成されます。したがって、それらはほとんどすべてのサイズに増やすことができます。
利用可能なすべてのアイコンは1つのフォントファイルに含まれています。あなたが必要とするのはこのファイルを公式サイトからダウンロードしてスタイルで接続することだけです。
デザイナーがフォントを選ぶ理由
フォント素晴らしいのは多くの利点があります。
- 高速接続あなたは公式のWebサイトから特別なファイルをダウンロードし、それをCSSコードでそれを指定することによってそれを接続する必要があります。
- 柔軟性とスケーラビリティアイコンを任意のサイズに拡大することができます。デバイスが許可するのは、シンボルが明確になります。レスポンシブデザインの年齢では、これは重要です。ちなみに、同じ理由で、フォント素晴らしいアイコンが網膜ディスプレイに適しています。
- 定型化アイコンは、色、サイズ、影、またはその他の外部パラメータで簡単に変更できます。設計者は、定期的なテキストをスタイリングすることのすべての利点を得ます。アイコンを回転させることもできます。たとえば、逆さまに表示または90度回転させます。
- サイトの高速ロードすべてのアイコンは1つのフォントファイルに含まれています。そのため、フォントを読み込むためのHTTP要求は1つだけです。これはウェブサイトのパフォーマンスに最適です。
- ブラウザの愛。フォント素晴らしいクロスブラウザツールです。フォントとアイコンのブラウザの互換性について心配する必要はありません。それらすべてにはよくサポートされています。古いIE8でさえも。
- 異なるフレームワークと互換性があります。ライブラリは主にブートストラップ用に作成されました。しかし、それは他のフレームワークとうまくいくでしょう。
- いくつかのフォーマットツールは.eot、.ttf、.woffおよびsvg形式で利用可能です。そのため、フォント素晴らしいWebフォントと同じ方法で処理されます。
- JavaScriptは必要ありません。フォントAwesomeはJavaScriptを実行する必要はありません。
したがって、フォント素晴らしいは、レイアウト時間を大幅に節約し、あなたのウェブサイトを高速化する効果的で便利なツールです。
フォントの短所が素晴らしいです
このツールには短所もあります。幸いなことに、それらの多くはありません。
まず、アイコンは1色でのみ描くことができます。しかしながら、この制限は回避することができる。たとえば、互いに無料のアイコンを組み合わせること。またはCSSエフェクトを使用してください
第二に、フォントAwesomeライブラリにはアイコンが多すぎると、それらはすべて1つのファイルに含まれています。デザイナーまたはレイアウトデザイナーが2つのアイコンを接続するだけでは、ライブラリ全体を完全にロードする必要があります。そしてこれらはスペースを占有する何百万の追加のアイコンです。しかし、ここでも解決策があります - あなた自身のアセンブリを作成し、それは必要なアイコンだけを含みます。
フォント素晴らしいバージョン:5と6
フォント素晴らしい5は、2017年12月7日にリリースされ、当初1278のアイコンを含んでいました。 5番目のバージョンは2つのパッケージにあります:無料(フォント素晴らしい無料)と有料(フォントアワサムプロ)。無料プランには、4番目のバージョンのすべてのアイコンも含まれています。アイコンはSIL Open Font License 1.1、Creative Commons Attribution 4.0、およびMITの下で入手できます。
SILオープンフォントライセンス(OFL-1.1)|オープンソースイニシアチブクリエイティブコモンズ - 属性4.0国際 - CC 4.0
Mit License |オープンソースイニシアチブ
Font Awesome 6は、2020年後半にリリースされた新しいバージョンです。新しいアイコンを含み、有料プランでのみ利用可能です。
フォント素晴らしい6アルファも2021年に途中です。これは別の新世代のアイコンライブラリです。新しいアイコンに加えて、バージョン6アルファは新しいスタイル、新しいサービス、および支援ツールも追加されています。ユーザーは事前注文できます。
無料で有料プラン:違いと機能
あなたは無料または有料の関税計画のためにアイコンをダウンロードすることができます。
自由プランには1600以上のアイコンと1セットが含まれています。 KITは、コードを追加せずにすばやく変更を加えることを可能にするアイコン、スタイル、および設定の集まりです。
有料関税:
- 7800以上のアイコンと20セットが含まれています。
- フォントAwesome Proへのアクセスを提供します。つまり、アイコンはネイティブのモバイルアプリケーションとコンピュータ(たとえば、単語テキストエディタで、またはPowerPointでプレゼンテーションを作成するとき)で使用できることを意味します。
- あなた自身のアイコンをアップロードすることができます。あなたはあなた自身のアイコンを一緒に使うことができます、または正式なフォント素晴らしいアイコンの代わりに使用することができます。たとえば、これが会社のロゴをアップロードする方法です。基本的なものと同様にあなた自身のアイコンと同じアクションを実行することができます - スタイル、サイズ、色などを変更します。
両方のバージョンは永続的です。つまり、それらは一度そしてすべてのために提供されます。
フォントを素晴らしいと接続する方法
まず第一に、あなたは公式のウェブサイトに行ってライブラリをダウンロードする必要があります。ダウンロードされたアーカイブは解凍され、CSSとフォントフォルダがサイトフォルダにコピーされている必要があります。
その後、ライブラリファイルへのパスがヘッドタグの間で指定されます。例えば:
Webサイト上のフォント素晴らしいアイコンを表示する方法。最も人気のある方法:
1. HTMLを使用しています
最も簡単な方法です。
あなたは公式のウェブサイト(fontawesome.com/icons?d=gallery)のギャラリーに行く必要があり、あなたが好きなアイコンを選択してください。各アイコンにはパーソナルコードがあります。コード内の適切な場所にコピーして貼り付けするのに十分です。
CSSを介して
これを行うには、以降の疑似要素、および必要なアイコンのUnicodeを使用します。あなたはそれをすべて同じギャラリーに連れて行くことができます。そのようなコードの例:F209。
スタイルファイルエントリの例
div :: {display:ブロック;コンテンツ: 'F209';フォントファミリー:「フォント素晴らしい5無料」;}
結論として:すべてのフォント素晴らしいアイコン
したがって、フォント素晴らしさはあなたのウェブサイトに無料のアイコンを追加するための迅速かつ便利な方法です。すべてのアイコンは簡単にスケーラブルで、サイトを遅くしません。