Iconfont Viewer
Snabbt förhandsgranska ikonerna och koderna som finns i typsnittsfilen.
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
Hur man använder
1. Ladda upp en typsnittsfil (ttf, woff, otf).
2. Klicka på indexnavigeringsfältet för att visa ikonerna inom intervallet.
3. Klicka på en ikon för att visa detaljerad information om ikonen, inklusive unicode, indexposition, storlek, sökväg och stroke, etc.
4. "Typsnittsinformation" -området visar författare, utgivare, licens, metadata, version, etc.
Om Iconfont Viewer
När du modifierar någon annans projekt måste du ofta söka efter referenser till ikoner i css och kan inte visuellt se alla ikoner.
Iconfont Viewer är en bra lösning på detta problem, du behöver bara ladda upp ikonfilen för att förhandsgranska alla ikoner och kod.
Vad är Iconfont?
Iconfont är en typsnittsapproach för att skapa ikoner, vilket inte bara förbättrar webbprestanda utan fungerar också på iOS- och Android-appplattformar. Numera sveper platt design över Internet, och den blir alltmer populär. Principen för Iconfont är att göra många ikoner till typsnittsbibliotek och visa ikonerna genom stilen eller teckenuppsättningen för typsnittet.
Fördelar och nackdelar med Iconfont
Fördelar:
Alla ikoner finns i en fil för enkel hantering.
Minska antalet förfrågningar och kombinera flera ikoner till en typsnittsfil för att förbättra webbsidans prestanda.
Fritt ändra storlek och färg, eftersom typsnitt kan stylas för att ställa in storlek och färg.
Vektorillustrationen förvrängs inte.
Lämplig för flera plattformar (webbläsare, iOS-app, Android-app).
Nackdelar:
Endast monokrom.
Det är inte bekvämt att ändra, att lägga till en ikon behöver ändra hela typsnittsfilen.
Storleken och baslinjejusteringen är inte väl kontrollerade.
Filstorleken överstiger gränsen.
Du kan inte ladda upp fler filer.