Iconfont Viewer
Hurtigt forhåndsvis ikoner og koder i skrifttypefilen.
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
Sådan bruger du
1. Upload en skrifttypefil (ttf, woff, otf).
2. Klik på index navigationslinjen for at se ikonerne i området.
3. Klik på et ikon for at se detaljerede oplysninger om ikonet, inklusive unicode, indeksposition, størrelse, sti og slag, osv.
4. "Font Info" området viser forfatter, udgiver, licens, metadata, version, osv.
Om Iconfont Viewer
Når du ændrer i en andens projekt, skal du ofte lede efter referencer til ikoner i css og kan ikke visuelt se alle ikonerne.
Iconfont Viewer er en god løsning på dette problem, du skal kun uploade ikonfilen for at få vist alle ikonerne og koden.
Hvad er Iconfont?
Iconfont er en skrifttypebaseret tilgang til ikonproduktion, som ikke kun forbedrer web-ydeevnen, men også fungerer på iOS- og Android-app-platforme. I dag fejer fladt design internettet, og det bliver mere og mere populært. Principet for Iconfont er at lave mange ikoner i skrifttypebiblioteker og vise ikonerne gennem skrifttypens stil eller tegnsæt.
Fordele og ulemper ved Iconfont
Fordele:
Alle ikoner er i én fil til nem håndtering.
Reducer antallet af anmodninger og kombiner flere ikoner i en skrifttypefil for at forbedre webside-ydelsen.
Frit ændre størrelse og farve, fordi skrifttyper kan styles til at indstille størrelse og farve.
Vektorillustrationen er ikke forvrænget.
Egnet til flere platforme (browser, iOS App, Android App).
Ulemper:
Kun monokrom.
Det er ikke praktisk at ændre, da tilføjelse af et ikon kræver, at hele skrifttypefilen ændres.
Størrelse og grundlinjejustering er ikke godt kontrolleret.
Filstørrelsen overstiger grænsen.
Du kan ikke uploade flere filer.