Font Awesome – 前端 Web 矢量图标字体库和 CSS 框架

Font Awesome v4.x

产品概览

Font Awesome 为您提供可缩放的矢量图标,您可以使用 CSS 所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。

一套绝佳的图标字体库和 CSS 框架

https://fontawesome.dashgame.com/

  • 一个字库,675 个图标
    仅一个 Font Awesome 字库,就包含了与网页相关的所有形象图标。
  • 无需依赖 JavaScript
    Font Awesome 完全不依赖 JavaScript,因此无需担心兼容性。
  • 无限缩放
    无论在任何尺寸下,可缩放的矢量图形都会为您呈现出完美的图标。
  • 如言语一般自由
    Font Awesome 完全免费,哪怕是商业用途。请查看许可。
  • CSS 控制
    只要 CSS 支持,无论颜色、大小、阴影或者其它任何效果,都可以轻易展现。
  • 高分屏完美呈现
    Font Awesome 的矢量图标,将使您的网站在视网膜级的高分屏上大放异彩。
  • 完美兼容其它框架
    尽管是为 Bootstrap 设计,但 Font Awesome 同样能与其它框架完美协同运作。
  • 可用于桌面系统
    用于桌面系统,或需要一套完整的矢量图,请查看备忘。
  • 可适配于屏幕阅读器
    与其它字体不同,Font Awesome 不会影响屏幕阅读器正常工作。

立即使用

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

Font Awesome v5.15.4

产品概览

在您的网站上使用 Font Awesome 展示矢量图标和社交标志,这可是网络上最流行的图标集和工具包。

  • 1,608 免费图标
  • 7,864 专业图标

https://fa5.dashgame.com/#/

下载图标集包

https://fa5.dashgame.com/common/fontawesome-free-5.15.4-web.zip

简单实例代码

<div></div>
<i class="fas fa-camera"></i> <!-- this icon's 1) style prefix == fas and 2) icon name == camera -->
<i class="fas fa-camera"></i> <!-- using an <i> element to reference the icon -->
<span class="fas fa-camera"></span> <!-- using a <span> element to reference the icon -->

0 条评论

昵称

沙发空缺中,还不快抢~