字体很棒:完整的图书馆指南
免费图标字体很棒:它是什么以及它用于什么。如何将图标连接到站点。图书馆的优点和缺点。
什么是字体令人敬畏,网站上使用的是什么。图书馆福利。字体令人敬畏的图标集:终极指南
字体令人敬畏是基于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免费';}
总之:所有字体令人敬畏的图标
因此,字体很棒是一种快速方便的方式,可以在网站上添加免费图标。所有图标都很容易可扩展,并且不会减慢网站。