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

2012-05-10 01:19:17 +08:00
 qiao
刚刚一刷新 Github 就发现它又改版了。在 Github 的官方 blog 上有关于此次改版的说明：

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

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

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

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

这是我用chrome放到最大的效果，一点锯齿的感觉都没有
NemoAlex
2012-05-11 09:51:22 +08:00
要用 icon font 就要有用纯色 icon 的决心

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/35296

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX