稀世珍宝:270款圆滑的 Twitter Boostrap 矢量图标
Elusive Icons 是一套网页字体图标,可用于任何项目。这套图标集包含270款圆滑的矢量图标,特别适合基于 Twitter Bootstrap 的项目。它使用的是开源的字体,在项目中使用没有任何授权的问题。
您可能感兴趣的相关文章
如果你不那么在意许可证,那么还有很多类似的字体图标库可以使用,最引人注目的是 Font Awesome。下载此字体时,你还会收到所有 SVG 格式的矢量图标,这样你就可以修改这些字体,使其更加完善,并贡献到 Github 上面。
这套精美的 Twitter Boostrap 矢量图标集除了包括 Boostrap 的默认图标外,还有社交网络图标和常用的网页图标。
使用方法
使用 LESS 模式:
- 拷贝 elusive-iconfont 目录到你的项目中;
- 拷贝 elusive-webfont.less 文件到 bootstrap/less 目录。
- 打开 bootstrap.less 文件并替换 @import "sprites.less"; 为 @import "elusive-webfont.less";
- 编辑 elusive-webfont.less 文件,让字体路径指向正确的位置:
1 2 3 4 5 6 7 8 9 10 | @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 模式:
- 拷贝 Elusive Icons 字体目录到项目中;
- 拷贝 elusive-webfont.css 文件到项目中;
- 修改 elusive-webfont.css 文件中的字体路径到正确的位置(和LESS方式类似);
- 在页面的 head 里引入 elusive-webfont.css 文件:
1 2 | <link rel= "stylesheet" href= "../css/bootstrap.css" > <link rel= "stylesheet" href= "../css/elusive-webfont.css" > |
Twitter Boostrap Elusive Icons 主页 猛击下载
您可能感兴趣的相关文章
作者:山边小溪
主站:yyyweb.com 记住啦:)
欢迎任何形式的转载,但请务必注明出处。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· SQL Server 2025 AI相关能力初探
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库