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 Viewer
当您修改其他人的项目时,经常需要在 CSS 中查找图标的引用,并且无法直观地查看所有图标。
Iconfont Viewer 是解决这个问题的好方法,您只需要上传图标文件,即可预览所有图标和代码。
什么是 Iconfont?
Iconfont 是一种字体化的图标制作方法,它不仅提高了 Web 性能,还可以在 iOS 和 Android 应用平台上使用。如今,扁平化设计在互联网上风靡,变得越来越流行。Iconfont 的原则是将许多图标制作成字体库,并通过字体的样式或字符集来显示图标。
Iconfont 的优缺点
优点:
所有图标都在一个文件中,易于管理。
减少请求次数,将多个图标合并到一个字体文件中,以提高网页性能。
自由更改大小和颜色,因为字体可以通过样式或字符集来设置大小和颜色。
矢量插图不会失真。
适用于多个平台(浏览器、iOS 应用、Android 应用)。
缺点:
只能单色。
不方便修改,添加图标需要修改整个字体文件。
大小和基线对齐不够精确。