V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
qiao
V2EX  ›  分享发现

Github 将所有的图标均替换成特殊字体了

  •  
  •   qiao · 2012-05-10 01:19:17 +08:00 · 7500 次点击
    这是一个创建于 4581 天前的主题,其中的信息可能已经有所发展或是发生改变。
    刚刚一刷新 Github 就发现它又改版了。在 Github 的官方 blog 上有关于此次改版的说明:

    https://github.com/blog/1106-say-hello-to-octicons

    其中最大的亮点在于全站的图标均使用的是图标字体( icon font )来显示,而非传统的图片。

    整套字体可在 https://github.com/styleguide/css/7.0 处获得

    其实嘛,我觉得这此改版又改丑了 >_< 不知各位觉得如何。
    20 条回复    1970-01-01 08:00:00 +08:00
    jerry
        1
    jerry  
       2012-05-10 01:25:58 +08:00
    很多图标变成框框了,咋回事
    qiao
        2
    qiao  
    OP
       2012-05-10 01:29:01 +08:00   ❤️ 1
    @jerry 由于 github 现在是用 css3 的 @font-face 来指定特殊字体,所以如果你的浏览器不支持这个特性或者在设置里面强制使用了某款字体的话就无法显示那些图标,于是就成框框了。
    kevinzhow
        3
    kevinzhow  
       2012-05-10 01:54:23 +08:00   ❤️ 1
    挺好看的,这个已经是方向潮流咯
    gaolinjie
        4
    gaolinjie  
       2012-05-10 15:34:57 +08:00
    对于我来说这个功能太不好了,因为我的chrome就是用了stylist扩展强制使用微软雅黑的
    est
        5
    est  
       2012-05-10 15:37:47 +08:00   ❤️ 1
    只能说web缺乏一种良好的快速矢量标准。带渲染hint功能的。这种hack越多说明web的缺陷越多。
    icexfire
        6
    icexfire  
       2012-05-10 15:42:25 +08:00
    orz 矢量图不更好么?
    yyfearth
        7
    yyfearth  
       2012-05-10 15:49:14 +08:00
    @est 这样做好啊,如果是单一的矢量图,还要考虑sprite,这样来就省了,还带压缩和渲染控制。
    clowwindy
        8
    clowwindy  
       2012-05-10 15:53:36 +08:00
    用字体有一个问题,不同操作系统上字体的渲染方法不同,会造成效果有略微的不同。
    reus
        9
    reus  
       2012-05-10 16:08:44 +08:00
    怪不得,我还以为图片出问题了
    romoo
        10
    romoo  
       2012-05-10 16:11:41 +08:00
    这样以后改颜色就方便多了。
    9hills
        11
    9hills  
       2012-05-10 16:13:23 +08:00
    最少省掉了图片的流量,字体加载一次就够了
    iwege
        12
    iwege  
       2012-05-10 16:57:36 +08:00
    @est svg算一个么?
    aggron
        13
    aggron  
       2012-05-10 17:26:53 +08:00
    我觉得用字体很赞啊
    cutehalo
        14
    cutehalo  
       2012-05-10 17:45:01 +08:00
    字体渲染在不同系统 不同浏览器看起来会各种不一样啊。。。
    Sivan
        15
    Sivan  
       2012-05-10 18:34:33 +08:00
    我说怎么 icon 都变锐了……
    xdata
        16
    xdata  
       2012-05-10 18:45:58 +08:00
    话说真比原来难看了,图标都带锯齿了。。。
    lianghai
        17
    lianghai  
       2012-05-11 01:23:32 +08:00
    GitHub 抛弃了 Windows 用户,哈哈。
    sourbell
        18
    sourbell  
       2012-05-11 09:19:33 +08:00
    推荐一篇文章:

    We’re in an icon-sharpness limbo

    http://simurai.com/post/19895985870/icon-sharpness-limbo
    9hills
        19
    9hills  
       2012-05-11 09:50:53 +08:00
    @xdata 不会啊,把图标做成字体就是因为字体是矢量的,怎么放大也没有锯齿。。。
    http://d.pr/i/aqzr

    这是我用chrome放到最大的效果,一点锯齿的感觉都没有
    NemoAlex
        20
    NemoAlex  
       2012-05-11 09:51:22 +08:00   ❤️ 1
    要用 icon font 就要有用纯色 icon 的决心
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1074 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 19:15 · PVG 03:15 · LAX 11:15 · JFK 14:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.