1etters
V2EX  ›  问与答

网站现在很流行 icon 直接从字库中引用,这个东西怎么修改呢?

  •  
  •   1etters · May 22, 2015 · 4518 views
    This topic created in 4184 days ago, the information mentioned may be changed or developed.
    15 replies  •  2016-07-26 22:52:59 +08:00
    1etters
    1etters
    OP
    May 22, 2015
    1
    示例代码:.icon-renren:before{content:"\f18b";}
    shiny
    shiny
    PRO
    May 22, 2015❤️1
    2
    我们用 iconfont.cn ,要改内容就自己上传 svg 文件生成 font
    1etters
    1etters
    OP
    May 22, 2015
    3
    @shiny 我用的这个叫Font Awesome,但是目前需要的图标缺不少
    chairuosen
    chairuosen
    May 22, 2015
    4
    我们也用 iconfont.cn 自己做。在这赞一个这网站
    1etters
    1etters
    OP
    May 22, 2015
    5
    @chairuosen 那Font Awesome有没有办法
    chairuosen
    chairuosen
    May 22, 2015
    6
    @1etters 把字体转成svg,加入新svg 重新做
    1etters
    1etters
    OP
    May 22, 2015
    7
    @chairuosen 这东西好多文件!FontAwesome.otf fontawesome-webfont.eot fontawesome-webfont.svg
    fontawesome-webfont.ttf fontawesome-webfont.woff
    chairuosen
    chairuosen
    May 22, 2015
    8
    @1etters 把那个svg给设计让他拆成一个一个的就可以
    1etters
    1etters
    OP
    May 22, 2015
    9
    @chairuosen 明白了
    Phariel
    Phariel
    May 22, 2015❤️1
    10
    lingyired
    lingyired
    May 22, 2015
    11
    @1etters 懒的话, fontawesome 不用改,继续引入。 然后自己做一份扩展的。只要 CSS classname 以及 unicode 不冲突就可以了。
    1etters
    1etters
    OP
    May 22, 2015
    12
    @lingyired 哥们你有没有发现我这个很奇怪,代码中都是数字的,我以前用过的都是fa fa-wechat这样的
    lingyired
    lingyired
    May 22, 2015
    13
    @1etters "\f18b" 这个是 unicode , fa fa-wechat 这个是 class name

    大部分情况下,都是直接使用 class name.
    nanhuo
    nanhuo
    May 22, 2015
    14
    单独做一个svg图标,用它生成字体文件(https://icomoon.io/),然后用法就跟font awesome一样
    leungwensen
    leungwensen
    Jul 26, 2016
    15
    来这个项目里找缺失的 icon 吧: http://leungwensen.github.io/svg-icon/ 你可以按需选择图标生成 SVG symbol sprite ,也可以到项目里找单独的 SVG 文件。目前 github 上几乎所有流行的 icon font 我都转换成 SVG 了,有超过 4000 个 SVG 图标可以用。坑已踩完,直接拿去用吧。有任何问题可以到项目里给我提 issue 。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1560 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 109ms · UTC 23:32 · PVG 07:32 · LAX 15:32 · JFK 18:32
    ♥ Do have faith in what you're doing.