字体很棒:完整的图书馆指南

字体很棒:完整的图书馆指南


免费图标字体很棒:它是什么以及它用于什么。如何将图标连接到站点。图书馆的优点和缺点。

什么是字体令人敬畏,网站上使用的是什么。图书馆福利。

字体令人敬畏的图标集:终极指南

字体令人敬畏是基于CSS和更少的字体和图标。该工具允许您快速将各种图标连接到网站,从而显着提高其设计和可用性。它足以插入几行代码。

FONT AWACYEN为您提供可扩展的矢量图标,您可以轻松个性化 - 大小,颜色,阴影以及CSS可以完成的所有其他操作。

字体Awesome Library为您提供了大量最佳建议。您可以通过独特的图标改进项目。实际上,这是一系列各种图标,您可以用于自己的目的。

在FONTAWESOME中,所有图标绝对且完全免费。图书馆根据GNU通用公共许可证获得许可。这意味着它可以在商业项目中自由地使用,原则上无处不在。

该集合由Dave Gandhi创建。它包括免费的社交媒体图标,要改进用户界面的图标,以及更多。

通常,字体很棒的字体脚本与Bootstrap和Bootstrapcdn结合使用。字体很棒是仅次于谷歌字体的流行度。

这个怎么运作

主要特征是所有字体都是令人敬畏的图标不是静态图像。它们处于字体格式。换句话说,这些是图标字体。例如,搜索图标或社交网络徽标与简单字符“A”,“B”,“C”相同。

字体使用可扩展向量创建令人敬畏的图标。因此,它们可以增加到几乎任何尺寸。

所有可用图标包含在一个字体文件中。您所需要的只是从官方网站下载此文件并将其连接在样式。

为什么设计师选择字体很棒

字体很棒有很多优势:

  • 快速连接。您只需从官方网站下载一个特殊文件并通过在CSS代码中指定它的路径来连接它。
  • 灵活性和可扩展性。图标可以放大到任何大小。符号将尽可能清晰。在敏感设计时代,这很重要。顺便说一下,出于同样的原因,字体很棒的图标适用于视网膜显示器。
  • 程式化。可以轻松更改颜色,大小,阴影或任何其他外部参数图标。设计师获得样式常规文本的所有好处。您还可以旋转图标。例如,颠倒显示或旋转90度。
  • 快速装载该网站。所有图标都包含在一个字体文件中。因此,它只需要一个HTTP请求来加载字体令人敬畏。这对网站性能很好。
  • 爱浏览器。字体很棒是一个跨浏览器工具。您不必担心字体和图标的浏览器兼容性。他们都得到了所有的支持。甚至旧IE8。
  • 兼容不同的框架。该库主要是为Bootstrap创建的。但是,它也将与其他框架合作。
  • 几种格式。该工具可在.ttf,.woff和svg格式中提供。所以字体令人敬畏地与其他Web字体相同的方式处理。
  • 没有必需的JavaScript。字体令人敬畏不需要javascript运行。

因此,字体很棒是一种有效且方便的工具,显着节省布局时间并加快您的网站。

字体令人敬畏的缺点

该工具也有缺点。幸运的是,他们中的许多人都有。

首先,图标只能用一种颜色绘制。但是,可以避免这种限制。例如,将自由图标彼此组合。或使用CSS效果

其次,字体令人敬畏的库包含太多图标,它们都包含在一个文件中。如果设计师或布局设计师只需要连接几个图标,它们仍然必须完全加载整个库。这些是数十万额外的图标,将占用空间。但是,这里也有一个解决方案 - 创建自己的装配,这将仅包括必要的图标。

字体令人敬畏的版本:5和6

Font Awesome 5于2017年12月7日发布,最初包含1278个图标。第五个版本有两个包:免费(Font令人敬畏)和付费(字体Awesome Pro)。自由计划还包含来自所有第四个版本的图标。图标可在SIL Open Font License 1.1下提供,Creative Commons atjection 4.0和MIT。

SIL Open Font许可证(OFL-1.1)|开源倡议
Creative Commons - 归属4.0国际 - CC达4.0
麻省理工学院许可证|开源倡议

字体Awesome 6是2020年下半年发布的新版本。它包括新图标,仅在付费计划中提供。

字体令人敬畏6个字母也在2021的路上。这是另一个新一代的图标库。除新图标外,版本6 Alpha还添加了新的样式,新服务和辅助工具。用户可以预订。

免费和付费计划:差异和特点

您可以免费或支付关税计划下载图标。

自由计划包括超过1600个图标和1套。套件是允许您在不添加代码的情况下快速更改的图标,样式和设置集合。

支付关税:

  • 包含超过7800个图标和20套。
  • 提供对Font Awesome Pro的访问权限。这意味着该图标可以在本机移动应用程序和计算机上使用(例如,在文本编辑器中或在PowerPoint中创建演示时)。
  • 允许您上传自己的图标。您可以在旁边或代替官方字体令人敬畏的图标使用自己的图标。例如,这是您如何上传公司徽标的方式。您可以使用与基本图标一起执行与您自己的图标相同的操作 - 更改样式,大小,颜色等。

这两个版本都是永久的。也就是说,它们是为所有人提供的。

连接字体的方法令人敬畏

首先,您需要转到官方网站并下载库。已下载的存档必须打开包装,并将CSS和Fonts文件夹复制到您的站点文件夹。

之后,在头标签之间指定了对库文件的路径。例如:

如何在网站上显示字体令人敬畏的图标。最流行的方法:

1.使用HTML.

最简单的方法。

您需要转到官方网站上的画廊(Fontawesome.com/Icons?D=Gallery)并选择您喜欢的图标。每个图标具有个人代码,例如:。它足以将其复制和粘贴在代码中的正确位置。

2.通过CSS

为此,请在以前或之前使用伪元素,以及所需图标的Unicode。您可以在同一个画廊中取出它。这种代码的示例:F209。

样式文件条目的示例:

div :: {显示:块;内容:'F209';字体家庭:'字体真棒5免费';}

总之:所有字体令人敬畏的图标

因此,字体很棒是一种快速方便的方式,可以在网站上添加免费图标。所有图标都很容易可扩展,并且不会减慢网站。





评论 (0)

发表评论