Iconfontビューアー
フォントファイルに含まれるアイコンとコードを素早くプレビューできます。
Naming Table - name
Font Header Table - head
Horizontal Header table - hhea
Maximum Profile table - maxp
OS/2 and Windows Metrics table - OS/2
PostScript table - post
Character To Glyph Index Mapping Table - cmap
Font Variations table - fvar
Metadata table - meta
Control Value Table - cvt
CVT Program - prep
Font program - fpgm
Glyph Substitution Table - GSUB
Kerning - kern
使い方
1. フォントファイル(ttf、woff、otf)をアップロードします。
2. インデックスナビゲーションバーをクリックして、範囲内のアイコンを表示します。
3. アイコンをクリックして、ユニコード、インデックス位置、サイズ、パス、ストロークなどのアイコンの詳細情報を表示します。
4. 「フォント情報」エリアには、著者、発行者、ライセンス、メタデータ、バージョンなどが表示されます。
Iconfontビューアーについて
他人のプロジェクトを修正する場合、css内のアイコンに対する参照を探す必要があり、すべてのアイコンを視覚的に表示することができません。
Iconfontビューアーはこの問題の解決策です。アイコンファイルをアップロードするだけで、すべてのアイコンとコードをプレビューできます。
Iconfontとは何ですか?
Iconfontは、アイコン作成のフォントアプローチであり、Webパフォーマンスを向上させ、iOSおよびAndroidアプリプラットフォームでも動作します。現在、フラットデザインがインターネットを席巻し、ますます人気が高まっています。Iconfontの原則は、多数のアイコンをフォントライブラリにまとめ、フォントのスタイルまたは文字セットを通じてアイコンを表示することです。
Iconfontの利点と欠点
利点:
すべてのアイコンが1つのファイルに含まれているため、管理が簡単です。
要求の数を減らし、複数のアイコンを1つのフォントファイルに結合してWebページのパフォーマンスを向上させます。
サイズや色を自由に変更できるため、フォントをスタイル付けしてサイズや色を設定できます。
ベクトルイラストは歪みません。
複数のプラットフォーム(ブラウザ、iOSアプリ、Androidアプリ)に適しています。
欠点:
単色のみ。
変更が不便で、アイコンを追加するにはフォントファイル全体を変更する必要があります。
サイズとベースラインの整列がうまく制御されていません。
ファイルサイズが制限を超えています。
これ以上ファイルをアップロードすることはできません。