Iconfont 預覽器
快速預覽字體文件中包含的圖標和代碼。
選擇字體文件 (.ttf, .otf, .woff)
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. 點擊圖標,查看圖標的詳細信息,包括 Unicode、索引位置、大小、路徑、描邊等。
4. “字體信息”區域顯示作者、出版商、許可證、元數據、版本等。
關於 Iconfont 預覽器
當您修改別人的項目時,通常需要在 CSS 中查找圖標的引用,無法直觀地查看所有圖標。
Iconfont 預覽器是這個問題的一個好的解決方案,您只需要上傳圖標文件,就可以預覽所有圖標和代碼。
什麼是 Iconfont?
Iconfont 是一種字體制作方式,不僅提高了網頁性能,還可以在 iOS 和 Android App 平台上工作。現在,扁平化設計風格正在席捲互聯網,越來越受歡迎。Iconfont 的原則是將許多圖標製作成字體庫,並通過字體的樣式或字符集顯示圖標。
Iconfont 的優點和缺點
優點:
所有圖標都在一個文件中,易於管理。
減少請求數量,將多個圖標合併到一個字體文件中,提高網頁性能。
可以自由更改大小和顏色,因為字體可以被樣式化設置大小和顏色。
矢量插圖不會變形。
適用於多個平台(瀏覽器、iOS App、Android App)。
缺點:
只能單色。
不方便修改,添加一個圖標需要修改整個字體文件。
大小和基線對齊控制不好。