是一个前端教学非常全面的网站，除了超规模超人气的bootstrap模板和图标外，还教你如何制作网页。它拥有一个非常强大的前端课程库，我一直在思考，只靠一名技术大拿就将网站练就成这般高人气水平实属不易。网站中的模板和图标字体共有几百套并全部免费下载，除了是非常好的资源型网站外，更是学习和交流的平台，推荐指数6颗星。
5. Typicons
Typicons带来了336款免费的矢量图标，多用途，像素完美和方便嵌入是它绝对的优势-typicons。
如何使用：
首先在你bootstrap的项目中Typicons是很容易使用的。在Typicons的主页，你可以很清楚的了解所有使用图标的方式，当然，你也可以学习自己如何创建并自定义设置图标。首先介绍一个简单的方式：
点击GitHub page here下载页面上的字体文件和缩小的CSS
复制它们到你项目的文件夹
在HTML的第一节加入 “typicons.min.css”
<link href="https://www.jb51.net/path/to/typicons.min.css" >
现在在你HTML文件夹中添加图标，可以使用CSS更改它们的样式。
<span><span>
你可以在typicons上找到所有名字相对应的类目。
6. Meteocons
如果你现在正需要一些关于天气的图标，Meteocons应该是不错的一套。它包含了40多种图标，全部免费使用，可以用在商业和个人的项目中。包含不同格式文件：PSD、CSH、EPS、SVG和桌面、web字体，只要你喜欢，它们可以自定义，使用起来更加方便。
要想使用这些图标是非常简单的，更多方法可以参考Meteocons主页。
7. Open Iconic
Open Iconie是一款免费的开源图标，包含SVG、网页字体和图标集223种。作为创造者，Open Iconie已然是超清了，在设计时，它们被下降了8个px，所以它们非常的小，但同时在网页浏览速度上，它们又是加载速度最快的。
如何使用：
非常简单，如下三步：
从网页中下载软件包
将该文件复制到你的项目中
在HTML的第一节插入“open-iconic-bootstrap.css”
<link href="https://www.jb51.net/open-iconic/font/css/open-iconic-bootstrap.css" >
添加素材到你的HTML文件，可以使用CSS来更改它们的样式：
<span title="icon name" aria-hidden="true"></span>
你可以在这里找到所有图标相对应的类别名称。
8. Elusive Icons
Elusive Icons包含了299种免费的图标，开源可作为网页字体和SVG矢量图标。
如何使用：
看起来不容易，但实际上非常简单，可以使用CSS方法或者LESS。
CSS方法如下：
下载并复制“fonts”目录到你的项目
复制 “elusive-webfont.css”文件到你的项目
打开“elusive-webfont.css” 文件上面的编辑字体网址，确定它们的指向是正确的。
在HTML第一节插入 “elusive-webfont.css”文件
<link href="https://www.jb51.net/path/to/elusive-webfont.css" >
添加图标到HTML代码中，并且使用CSS来更改它们的样式。
<i></i>
以上所述是小编给大家介绍的Bootstrap免费字体和图标网站(值得收藏)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: