新浪微博最底下这排按钮是如何实现的

如下图所示,每一条微博下都有收藏、转发、评论、点赞这四个功能,现在我的问题是,这四个功能都配有一个小图标,我在审查它元素代码的时候,即没发现<img>图片插入,也没发现背景图片设置,我想知道这个图标的图片是如何加到页面中来的。求大神解答,谢谢。

http://img.mukewang.com/586666c20001758407340050.jpg


附:新浪微博网址 http://weibo.com/

Robert_Langdon
浏览 2358回答 5
5回答

JiaZombie

这个东西叫字体图标。拿点赞图标来说:<em class="W_ficon ficon_praised S_txt2">ñ</em>其中的 'W_ficon' 这个样式:.W_ficon {     font-family: "wbficonregular" !important;     display: inline-block;     -webkit-font-smoothing: antialiased; }使用的字体是 "wbficonregular" , 这个字体里面 'ñ' 这个就是点赞图标的样子。

echo_kinchao

很明显 是当成字符来处理啊 

Doit的信仰

css3 的  字体图标,链接本地或网上的字体库

紫晴20

人家用的是文字图标,图标库里面的,引用样式就可以了,图标可以像字体那样设置大小,颜色
打开App,查看更多内容
随时随地看视频慕课网APP