稀世珍宝:270款圆滑的 Twitter Boostrap 矢量图标

标签: 珍宝 twitter boostrap | 发表时间:2013-01-11 14:33 | 作者:梦想天空(山边小溪)
出处:http://www.cnblogs.com/lhb25/

  Elusive Icons 是一套网页字体图标,可用于任何项目。这套图标集包含270款圆滑的矢量图标,特别适合基于 Twitter Bootstrap 的项目。它使用的是开源的字体,在项目中使用没有任何授权的问题。

您可能感兴趣的相关文章

 

  如果你不那么在意许可证,那么还有很多类似的字体图标库可以使用,最引人注目的是 Font Awesome。下载此字体时,你还会收到所有 SVG 格式的矢量图标,这样你就可以修改这些字体,使其更加完善,并贡献到 Github 上面。

 

 

  这套精美的 Twitter Boostrap 矢量图标集除了包括 Boostrap 的默认图标外,还有社交网络图标和常用的网页图标。

 

 

 

使用方法

  使用 LESS 模式:

  1. 拷贝 elusive-iconfont 目录到你的项目中;
  2. 拷贝 elusive-webfont.less 文件到 bootstrap/less 目录。
  3. 打开 bootstrap.less 文件并替换 @import "sprites.less"; 为 @import "elusive-webfont.less";
  4. 编辑 elusive-webfont.less 文件,让字体路径指向正确的位置:
@font-face {
font-family: 'Elusive-Icons';
src:url('../font/Elusive-Icons.eot');
src:url('../font/Elusive-Icons.eot?#iefix') format('embedded-opentype'),
url('../font/Elusive-Icons.svg#Elusive-Icons') format('svg'),
url('../font/Elusive-Icons.woff') format('woff'),
url('../font/Elusive-Icons.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

  然后重新进行 LESS 编译就可以了。

  使用 CSS 模式:

  1. 拷贝 Elusive Icons 字体目录到项目中;
  2. 拷贝 elusive-webfont.css 文件到项目中;
  3. 修改 elusive-webfont.css 文件中的字体路径到正确的位置(和LESS方式类似);
  4. 在页面的 head 里引入 elusive-webfont.css 文件:
<link rel="stylesheet" href="../css/bootstrap.css">
<link rel="stylesheet" href="../css/elusive-webfont.css">

 

Twitter Boostrap      Elusive Icons 主页      猛击下载

 

您可能感兴趣的相关文章

 

本文链接: 稀世珍宝:270款圆滑的Twitter Boostrap矢量图标

编译来源: 梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

hide

本文链接

相关 [珍宝 twitter boostrap] 推荐:

稀世珍宝:270款圆滑的 Twitter Boostrap 矢量图标

- - 博客园_梦想天空
  Elusive Icons 是一套网页字体图标,可用于任何项目. 这套图标集包含270款圆滑的矢量图标,特别适合基于. Twitter Bootstrap 的项目. 它使用的是开源的字体,在项目中使用没有任何授权的问题. 让人爱不释手的13套精美网页图标素材. 分享25套非常漂亮的免费网页图标素材.

Twitter 中文版

- 幻幽 or A書 - Gea-Suan Lin&#39;s BLOG
前幾天 Twitter 推出了中文版 (包括繁體與簡體):「Five new languages」. 對岸的市場可能還是進不去,但在台灣會加速 Plurk 的死亡… 從 Google+ 的出現以後就愈來愈明顯了,現在 Microblogging 的大魔頭再加入戰局,應該會更快….

Twitter和Facebook合作

- Woooon - cnBeta.COM
很重磅的新闻,两大社交网络巨头开始有合作了. Twitter 今天在用户的个人档案页面添加「Post Tweets to Facebook」按钮,让用户快速将自己的 Tweets 同步到 Facebook 状态中去.

twitter-mysql改进点

- - CSDN博客推荐文章
目前最新的twitter-mysql版本基于mysql5.5.22,以下总结了一些比较明显的改进点,大部分已经亲自证实,其他一些诸如修复的比较次要的问题(例如编译问题)这里暂不列出,可以详细参阅 https://github.com/twitter/mysql/wiki/Change-History .

Tribalfish = Twitter + 博客 + 论坛

- Kofai - 36氪
在网络上讨论流行话题有多重选择,你可以在Twitter上追踪话题或名人,也可以在博客上分享经验,更可以在论坛上你来我往,不过,Twitter上的讨论不够深入,博客讨论足够深入又不够及时,Tribalfish 就是集以上讨论工具的大成. 注册登陆后,你会看到好像论坛的界面,只是,不同于一般的论坛界面必须前后查找不同的话题,开启一页又一页的分布,Tribalfish让你可以仪在原页,直接点选感兴趣的内容,并在右方预览,也可以点选分享人的名字后追踪该使用者,这些设计也很像Twitter.

回顾 Twitter 的演变史

- tiansiyuan - 爱范儿 · Beats of Bits
2011 年 3 月后,Twitter 度过了五岁生日. 这只小鸟的飞行速度没有减缓,事实上,Twitter 在 4 月份的动作还挺多. Twitter  推出了新的网页版本,更加时尚的设计,主动推荐潜在关注对象;. “本地趋势”功能拓展到了 70 多个城市和国家;. 新的搜索工具,帮助人们更方便地去寻找新用户.

修改Hosts访问Twitter/Facebook

- cheng - 启光博客
  以前没感觉Facebook多么特别,最近又玩了一些日子,感觉还不错. 因为关注Facebook所以对最新Hosts比较关注,今天发现一个网友整理的,测试可直接使用. 虽然一直在文章中说以后不再发布类似的文章,不过没忍住,网友低调点使用吧,希望对经常访问Twitter与Facebook的网友有此帮助.

Twitter API中文文档

- Jacob - 月光博客
  目前的国内的微博客很多,不少微博客都提供Open API,然而,很多微博提供的API和Twitter的API有一些或多或少的差别,调用格式上并不完全相同.   我建议所有提供API的微博客系统,都将各自的API统一为Twitter的API调用格式,例如目前较有影响的开源微博系统StatusNet(Laconica)的API格式就完全兼容Twitter,这种统一API对于开发者和用户都有很大的好处.

Twitter估值84亿美元

- vieplivee - Solidot
《华尔街日报》报导(中文),Twitter宣布获得俄罗斯风投公司Digital Sky Technologies牵头的一笔融资,这笔约8亿美元的投资将Twitter估值推高至84亿美元. 报导引用消息人士的话称,此轮融资将部分用于收购现有股东的持股:一半的投资将用于Twitter,而另一半4亿美元将被用来收购现有股东持有的股份.

向Twitter Bootstrap 学习什么?

- junyu - 知乎的博客
什么是 Twitter Bootstrap. Twitter 有一位风格清新的设计师 Mark Otto(此人之前在 Zurb)[1],他负责了很多 Twitter 非前台的页面设计,比如 Dev、Support 和 Promoted Products 的设计. 去年,Mark 在自己网站发布了一套基于 Less [2] 框架的工具合集(mixins)—— Bootstrap.less [3],方便前端开发(静态部分).