一朵物语

标题: 如何查看Flaticon文件中的图标样式 [打印本页]

作者: 丨一朵丶小扇 时间: 2022-4-14 15:53
标题: 如何查看Flaticon文件中的图标样式
前提是你已经有了 flaticon.ttf 跟 flaticon.css 文件。

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

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

[attach]27488[/attach]

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

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

复制代码

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

作者: 丨一朵丶小扇 时间: 2022-4-15 16:57
补充：FontAwesome同理，也是安装fontawesome-webfont.ttf字体，然后查找字符。

欢迎光临一朵物语 (http://bbs.yiduo.org/)