QQ登录

只需一步,快速开始

 找回密码
 加入一朵

QQ登录

只需一步,快速开始

查看: 1404|回复: 1
打印 上一主题 下一主题

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

[复制链接]
  • TA的每日心情
    开心
    2022-4-25 19:25
  • 签到天数: 562 天

    [LV.9]以坛为家II

    跳转到指定楼层
    1
    丨一朵丶小扇 发表于 2022-4-14 15:53:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    前提是你已经有了 flaticon.ttfflaticon.css 文件。

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

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



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

    1. .flaticon-like-1:before { content: "\f15a"; }
    复制代码


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

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?加入一朵

    x
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 转播转播
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2022-4-25 19:25
  • 签到天数: 562 天

    [LV.9]以坛为家II

    2
     楼主| 丨一朵丶小扇 发表于 2022-4-15 16:57:38 | 只看该作者
    补充:FontAwesome同理,也是安装fontawesome-webfont.ttf字体,然后查找字符。
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 加入一朵

    本版积分规则

    GMT+8, 2024-11-1 08:15

    © 2001-2011 Powered by Discuz! X3.2. Theme By Yeei!

    快速回复 返回顶部 返回列表