postman替代品_9种同样出色的FontAwesome替代品

最新推荐文章于 2024-05-07 20:50:02 发布

cune1359

最新推荐文章于 2024-05-07 20:50:02 发布

阅读量1.3k

点赞数

文章标签： css css3 bootstrap github wpf ViewUI

随着越来越多的设备采用高清屏幕，字体图标正成为流行的选择。它可以调整大小而不会影响质量，并且可以通过CSS进行自定义 。我们可以使用CSS3轻松更改颜色，大小甚至动画字体图标。另外，它与分辨率无关 ，因此在任何屏幕密度下都显得清晰。

FontAwesome是迄今为止最受欢迎的字体来源之一，其中包含大量图标。但是，当您只需要使用少数几个集时，就不必下载整个集合。

以下是一些精心制作的字体图标的替代来源，希望您有时发现对代替FontAwesome来构建下一个出色的网站和应用有用。

StackIcons是60多个现代社交品牌的字体图标。它带有CSS，可让您在许多容器形状中设置字体样式。您可以将社交品牌图标设置为圆形，正方形或圆形边缘。您还可以使用多种颜色为图标着色，从而获得更逼真的品牌颜色。

Twemoji是Twitter的一个开源表情符号项目。 Elle Kasai已将其移植到名为Twemoji Awesome的字体图标上。所有显示图标的类名称都与Twemoji备忘单相同，但是仅需使用破折号而不是下划线即可。这是我们如何添加hatching_chick图标的示例：

<i class="twa twa-lg twa-hatching-chick"></i>

字体雕是从中国的流行网站或公司（如阿里巴巴，支付宝，微信，小米和微博）收集的字体图标。当您在为可能熟悉这种特定字体的中国大陆观众制作wesbites时，该字体可能会变得有用。

Socialicious是为流行的社交网站（如Facebook，Twitter和Instagram）专门构建的字体。该字体旨在与Bootstrap配合使用。这是一个示例代码，用于结合Bootstrap .btn类和字体类来构建按钮。

<a class="btn btn-linkedin">
  <i class="icon-linkedin"></i> Connect with Linkedin
</a>

Octicons是GitHub呈现的一组字体图标，允许您在项目中使用GitHub使用的相同图标。有170多个图标可随时应用于您的下一个项目。

这是由Opoloo（以前称为Android社区）创建的图标集。它包括5种尺寸的250个超赞图标和14种原生Android图标颜色。

DevIcons是由Theodore Vorillas手工制作的一组字体图标。它包含了熟悉的开发应用程序的85个符号和徽标，例如GitHub图标，Gulp图标，Angular图标等。

Open Icon包含223个图标，可随时用于引导程序，框架或您自己的样式表。字体很小，只有12.4Kb，大约是FontAwesome中字体的四分之一。这里很酷的事情是，这些图标可以缩小到8px。

此产品包中有15种受Google Material Design启发的字体图标。要使用它们，只需安装材料，设计，标志性的-Font.ttf，然后用这个的cheatsheet 。将图标（不是unicode）复制粘贴到您的项目中。您可以使用CSS放大图标，为其设置边框，旋转，旋转或翻转。

翻译自: https://www.hongkiat.com/blog/free-font-icons-to-bookmark/

关注