Iconfont Viewer
Quickly preview the icons and codes contained in the font file.
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
How to use
1. Upload a font file (ttf,woff,otf).
2. Click on the index navigation bar to view the icons in the range.
3. Click on a icon to view detailed information about the icon, including unicode, index position, size, path, and stroke, etc.
4. The "Font Info" area displays author, publisher, license, metadata, version, etc.
About Iconfont Viewer
When you modify someone else's project, you often have to look for references to icons in css and can't visually see all icons.
Iconfont Viewer is a good solution to this problem, you only need to upload the icon file to preview all the icons and code.
What is Iconfont?
Iconfont is a font approach to icon making, which not only improves web performance but also works on iOS and Android App platforms. Nowadays, flat design is sweeping the Internet, and it is becoming more and more popular. The principle of Iconfont is to make many icons into font libraries, and display the icons through the style or character set of the font.
Pros and Cons of Iconfont
Pros:
All icons are in one file for easy management.
Reduce the number of requests and combine multiple icons into one font file to improve web page performance.
Freely change size and color, because fonts can be styled to set size and color.
The vector illustration is not distorted.
Suitable for multiple platforms (browser, iOS App, Android App).
Cons:
Only monochrome.
It is not convenient to modify, adding an icon needs to modify the whole font file.
The size and baseline alignment are not well controlled.
File size exceeds limit.
You can not upload any more files.