Visualizzatore di Iconfont
Visualizza rapidamente le icone e i codici contenuti nel file del font.
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
Come usare
1. Carica un file di font (ttf, woff, otf).
2. Fai clic sulla barra di navigazione degli indici per visualizzare le icone nell'intervallo.
3. Fai clic su un'icona per visualizzare informazioni dettagliate sull'icona, inclusi unicode, posizione dell'indice, dimensioni, percorso e tratto, ecc.
4. L'area "Informazioni sul font" visualizza autore, editore, licenza, metadati, versione, ecc.
Informazioni su Visualizzatore di Iconfont
Quando modifichi il progetto di qualcun altro, spesso devi cercare riferimenti alle icone in css e non puoi vedere visivamente tutte le icone.
Visualizzatore di Iconfont è una buona soluzione a questo problema, devi solo caricare il file dell'icona per visualizzare tutte le icone e il codice.
Cos'è Iconfont?
Iconfont è un approccio basato su font per la creazione di icone, che non solo migliora le prestazioni web ma funziona anche su piattaforme iOS e Android App. Oggi, il design piatto sta spazzando Internet ed è sempre più popolare. Il principio di Iconfont è di fare molte icone in librerie di font e visualizzare le icone attraverso lo stile o l'insieme di caratteri del font.
Vantaggi e svantaggi di Iconfont
Vantaggi:
Tutte le icone sono in un unico file per una facile gestione.
Ridurre il numero di richieste e combinare più icone in un unico file di font per migliorare le prestazioni della pagina web.
Modifica liberamente dimensione e colore, perché i font possono essere stilizzati per impostare dimensione e colore.
L'illustrazione vettoriale non è distorta.
Adatto per più piattaforme (browser, iOS App, Android App).
Svantaggi:
Solo monocromatico.
Non è conveniente modificare, aggiungere un'icona richiede di modificare l'intero file di font.
La dimensione e l'allineamento della linea di base non sono ben controllati.
La dimensione del file supera il limite.
Non puoi caricare altri file.