Font Awesomeは、Twitter Bootstrap用の***イメージフォントを提供します。また、CSSの拡張性にも優れています。 CSSは、ウェブページを自由にデザインできるHTML記述の仕組みを提供します。 Font Awesomeには、フォント、フォントサイズ、アイコンの色、影の変更など、ニーズに合わせて様々なパラメータを追加することができます。
Font Awesome 魅力的な機能
Font AwesomeはBoostrap専用に設計されています。BootStrapは、レスポンシブおよびモバイルプロジェクトをオンラインで開発するのに役立つフロントエンド開発ツールです。ウェブデザインのスキルが違っても、Font Awesomeを使えばクリエイティブなアイコンを素早くデザインできます。1つのフォントでも、象形文字のように369種類のアイコンを作成できます。 Font Awesomeのバージョンは現在4.0.0です。 JavaScriptに依存しないため、互換性の問題はありません。 カスタマイズのプロセスは、直感的な方法でCSSを使用するだけです。 スケーラブルなベクターにより、どんなデザインにも合うようにアイコンのサイズを変更でき、アイコニックなデザインをより魅力的に見せることができます。
Font AwesomeをPNGに変換
Font AwesomeはPNGファイルを簡単に変換できます。 このファイル形式は可逆データ圧縮をサポートし、PNGファイル拡張子または多目的インターネットメール拡張子のImage/pngメディアタイプを使用します。PNGを使用すると、フルカラーノントーンカラーに基づいており、グレースケールイメージをサポートしています。PNGは、最も一般的にウェブデザイナーによって使用される広く使用されているロスレスイメージ圧縮形式です。iconic font CSSで使用できるため、以下の手順でFont AwesomeをPNGファイルに変換する必要があります。
方法I.
Step 1. Font Awesome website.Font Awesomeプログラムをダウンロードしてください。
Step 2.Githubからダウンロード the Font Awesome TTF File.
Step 3. Font Awesomeの使用説明書を保存してください。
ステップ4. Font Awesomeアイコンを 変換する例です。このコードを使って、24×24ピクセルの再生・停止アイコンをエクスポートし、Font Awesomeアイコンを抽出します。
Font-awesome-to-png.py - - size 24 play stop
以下のコマンドを使用して、32 x 32ビットマップのアスタリスクアイコンをエクスポートし、Font Awesomeアイコンを抽出します。
Font-awesome-to-png.py –size 32 –color blue asterisk
このコードを使用して、抽出可能なすべてのFont Awesomeアイコンをエクスポートします。
Font-awesome-to-png.py ALL
カスタマイズ可能なアイコンスタイルフォントとPNGファイルに変換したいアイコン
Font Awesome 4.0 更新情報
Font Awesomeの旧バージョン、バージョン3.2.1をお使いの方は、Font Awesomeのウェブサイト***から直接バージョン4.0にアップグレードできます。ウェブデザイナーが利用できるカスタマイズオプションには、陸の孤島にいる生き物のアイコン、大きなアイコンと固定幅のアイコン、回転中のアイコン、積み重ねられたアイコンと回転した向き、反転したアイコンなど、さまざまなものがあります。
上記の手順でファイルを取り出し、PNG形式に変換することができます。 Font Awesomeの****な点は、それがオープンソースであり、誰でもアイコンのグラフィカルな品質を損なうことなく、常にそれに応じてアイコンのサイズを拡大縮小できることです。 イメージのサイズを変更すると、特にピクセル化されたイメージのサイズが拡大される場合、妥協してしまうことがあります。 Font Awesomeアイコンは、元のピクセルの高品質な状態を保持する機能を備えているため、この問題は発生しません。 ウェブデザイナーは、イメージの品質がより良く、サイズが216px x 216pxより小さくない場合、PNG形式のFont Awesomeアイコンを使用することをお勧めします。
