免费图标字体大全 最受欢迎的Bootstrap免费字体和图标网站

如果您正在寻找Bootstrap图标，那么今天的建议对您来说绝对重要！在本文中，我们将免费的字体图标集成了这组帧（当然，将来会不断更新）。如您所知，图标字体在网络设计中具有许多优势：它们易于使用，而不仅仅是图像，而是载体。随意扩展，也可以适应各种尺寸的屏幕（包括移动设备，平板电脑等）。此集合图标集非常方便：您只需要单击下载包并将文件添加到您的目录中即可。在简介中，我们还将对每个图标进行简短的描述免费图标字体大全，以便让您知道如何使用它们。如果您对书签有兴趣，则还可以自己创建一个文档并将其全部添加。我们经常为每个人推荐一些图标网站。此外，还有引导模板和字体，例如bootstrap模板免费图标字体大全，例如jalia和gbtags。无论是模板还是材料，我们都会为您提供最好的。那么，您还在等什么？让我们开始。

1。雕姓半鞋

首先，这包含来自字形半身的200多个字体图标。非常出色的Bootstrap模板图标，这要归功于Glyphicons中的每个人。除了图标外，还有一些大图像供您使用和下载。帮助您快速建立网站。

如何使用：

在字形中查找您需要的内容，然后在HTML中添加一个图标，并具有以下内容：

2

所有479个矢量字体图标都是免费的。这个概念是什么？即使您现在不需要，也必须立即收集的节奏。你知道吗！也许您以前听说过这套图标，因为它一直在许多网站上。他们为我们提供的是方便。尽管有类似的介绍，但我今天仍然想说，在许多图标字体中，我真的认为这是最好的 - fontawesome

如何使用：

在开始页面上，使用字体有一些非常好的方法。最简单的是，将一系列代码倒入CDN，无需下载任何内容，只需将其发布到HTML的第一部分中：

这是另一种方法（我喜欢您知道），请参阅CSS中的默认字体fontawesome，将“ Font-awesome”目录下载并复制到您的项目中，然后将链接“ font-awesome.min.min.css”文件添加到HTML的第一部分。

当然，还有许多其他方法，让我介绍一个简单的例子。

这些方法可以使您喜欢的字体更大，更小，更改颜色，阴影等，并且您可以按照自己的意愿完成所有操作。

3。优雅的图标字体

由360个优雅的矢量图标字体组成，完全可以免费使用-ErgantThemes。这些图标均已针对16*16像素（32px，64px等）的所有倍数进行了优化。使细节更加准确和清晰，并可以在任何显示器（包括视网膜屏幕）上呈现最完美的一面。

如何使用：

不要以为很难：

下载软件包并将其解压缩在“ Elegant_font”文件夹中，您会找到“ HTMLCSS”子文件夹，将其复制到您的项目（请注意，您可以在此处重命名），然后在“ style.css”文件中将连接添加到HTML的第一部分。

您可以在HTML中添加图标，并使用CSS改变其样式：

例如：

这是我在Trilli BI模板中使用图标的方式：

html：

CSS：

.features-box-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    padding-top: 10px;
    background: #e8643e;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 50px;
    color: #fff;
    line-height: 50px;
    text-align: center;
}
 
.features-box-icon span {
    vertical-align: middle;
}

4。gbtags

GBTAGS是一个非常全面的前端教学网站。除了超级尺度和流行的引导模板和图标外，它还教您如何制作网页。它拥有一个非常强大的前端课程库，我一直在想，只有一位技术大师将网站培养到如此高的知名度并不容易。网站上有数百种模板和图标字体，所有这些字体都可以免费下载。除了成为一个非常好的基于资源的网站外，它还是学习和沟通的平台，推荐指数为6星。

5。司令员

Typicons带来了336个自由矢量图标，多功能，像素完美和易于嵌入是其绝对优势 - 典型词。

如何使用：

首先，在Bootstrap Project中易于使用Tompicons。在古使的主页上，您可以清楚地了解使用图标的所有方法，当然，您还可以学习如何创建和自定义图标。首先，让我们介绍一个简单的方法：

单击此处的GitHub页面以下载字体文件并缩小CSS将其复制到HTML第一部分中的项目文件夹中，以添加“ TymeCicons.min.css”

现在，将图标添加到您的HTML文件夹中，您可以使用CSS更改其样式。

您可以找到与典型词中所有名称相对应的类别。

6。元元素

如果您现在需要某些天气图标，则将是一套元素质。它包含40多个图标，所有图标都可以免费使用，并且可以在商业和个人项目中使用。包含不同格式的文件：PSD，CSH，EPS，SVG，桌面和Web字体。只要您需要，它们就可以自定义，从而使它们更方便使用。

要使用这些图标非常简单，您可以参考Meteocons主页以获取更多方法。

7。打开标志性

Open Iconie是一个免费的开源图标，包括SVG，Web字体和图标集223。作为创建者，Open Iconie已经超出了。设计时，它们减少了8个PX，因此它们很小，但与此同时，它们是Web浏览中最快的负载速度。

如何使用：

非常简单，如下三个步骤：

从网页下载软件包，然后将文件复制到html的第一部分中的项目插入“ Open-Iconic-bootstrap.css”

要在HTML文件中添加材料，您可以使用CSS改变其样式：

您可以在此处找到与所有图标相对应的类别名称。

8。难以捉摸的图标

FlusuficeIcons包含299个免费图标，开源可以用作Web字体和SVG矢量图标。

如何使用：

这似乎并不容易，但实际上很简单。您可以使用CSS方法或更少。

CSS方法如下：

将字体目录和将“难以捉摸的webfont.css”文件复制到项目中，然后将“ fonts”目录复制到您的项目上，打开“难以捉摸的webfont.css”文件上方的编辑字体URL，并确保其指数正确。在HTML的第一部分中插入“难以捉摸的webfont.css”文件

将图标添加到HTML代码中，并使用CSS更改其样式。

终于

在这里，您可以找到最好的免费字体图标，希望它们能为您提供更多帮助，并帮助您开发和设计。此外，我们将定期更新更多内容，以查找更多更好的图标集。希望您能继续关注我们。