如何查看Flaticon文件中的图标样式

前提是你已经有了 flaticon.ttf 跟 flaticon.css 文件。

flaticon.ttf本身是个字体文件，双击安装它。

然后进入C/Windows/Fonts，点击左侧的“查找字符”，字体选择“Flaticon”，单击某个图标，左下角会显示诸如“U+F15A：专用”这样的说明：



然后到flaticon.css里搜索“f15a”，比如我这份文件就显示：

1. .flaticon-like-1:before { content: "\f15a"; }

复制代码

那么在模板里就用class="flaticon-like-1"即可。

补充：FontAwesome同理，也是安装fontawesome-webfont.ttf字体，然后查找字符。