用Web字体实现小图标

如果用github,或许会发现github上的小图标不是用背景图做的,并且可以选中,类似文字一样。

原理就是把图标做成了字体,然后用@font-face引入。这种方式确实不错,图标大小和颜色都可以css定义了,虽然不会太炫丽,但是也不错,可以在firebug下修改试试。

相关信息传送至:

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

https://github.com/styleguide/css/7.0

http://cssor.com/font-icons.html

参与评论

电子邮件地址不会被公开。 必填项已用*标注

*

全部分类
Books(4)code(7)database(6)html&css(24)java(11)JavaScript(48)jQuery(24)linux(20)python(1)React(1)share(1)soft(4)solution(53)thinking(17)vim(9)WordPress(8)前端优化(12)拓展(33)服务器(32)移动开发(4)自然(22)