{"id":144,"date":"2017-04-20T05:40:44","date_gmt":"2017-04-20T05:40:44","guid":{"rendered":"https:\/\/wpdigipro.com\/demo\/demo12\/?p=144"},"modified":"2017-05-31T10:14:40","modified_gmt":"2017-05-31T10:14:40","slug":"font-awesome-icons","status":"publish","type":"post","link":"https:\/\/wpdigipro.com\/demo\/demo10\/font-awesome-icons\/","title":{"rendered":"Font Awesome Icons"},"content":{"rendered":"<h3>Using CSS<\/h3>\n<ol>\n<li>Copy the entire <code>font-awesome<\/code> directory into your project.<\/li>\n<li>In the <code>&lt;head&gt;<\/code> of your html, reference the location to your font-awesome.min.css.\n<div class=\"highlight\">\n<pre><code class=\"html\"><span class=\"nt\">&lt;link<\/span> <span class=\"na\">rel=<\/span><span class=\"s\">\"stylesheet\"<\/span> <span class=\"na\">href=<\/span><span class=\"s\">\"path\/to\/font-awesome\/css\/font-awesome.min.css\"<\/span><span class=\"nt\">&gt;<\/span><\/code><\/pre>\n<\/div>\n<p>&nbsp;<\/p>\n<\/li>\n<\/ol>\n<div class=\"list-group\"><a class=\"list-group-item\" href=\"#\"><i class=\"fa fa-home fa-fw\"><\/i>&nbsp; Home<\/a><br \/>\n<a class=\"list-group-item\" href=\"#\"><i class=\"fa fa-book fa-fw\"><\/i>&nbsp; Library<\/a><br \/>\n<a class=\"list-group-item\" href=\"#\"><i class=\"fa fa-pencil fa-fw\"><\/i>&nbsp; Applications<\/a><br \/>\n<a class=\"list-group-item\" href=\"#\"><i class=\"fa fa-cog fa-fw\"><\/i>&nbsp; Settings<\/a><\/div>\n<p>Includes 200 glyphs in font format from the Font Awesome set. <a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/icons\/\" target=\"_blank\">Glyphicons<\/a> Halflings are normally not available for free, but their creator has made them available for Bootstrap free of cost.<\/p>\n<p> <!-- bubble start --><\/p>\n<div class=\"row text-center\">\n<div class=\"list list-unstyled\">\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-glass\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-glass<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-music\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-music<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-search\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-search<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-envelope\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-envelope<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-heart\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-heart<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-th-large\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-th-large<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-th\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-th<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-th-list\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-th-list<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-check\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-check<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-times\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-times<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-search-plus\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-search-plus<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-search-minus\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-search-minus<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-signal\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-signal<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-gear\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-gear<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-cog\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-cog<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-home\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-home<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-file-o\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-file-o<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-power-off\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-power-off<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-clock-o\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-clock-o<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-road\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-road<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-download\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-download<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-arrow-circle-o-down\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-arrow-circle-o-down<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-arrow-circle-o-up\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-arrow-circle-o-up<\/span> <\/p>\n<\/li>\n<li class=\"col-sm-2 col-xs-4\">\n<p><span class=\"btn btn-default fa fa-2x fa-trash-o\"><\/span><\/p>\n<p> <span class=\"glyphicon-class\">fa fa-2x fa-trash-o<\/span> <\/p>\n<\/li>\n<\/div>\n<\/div>\n<p><!-- bubble end --><\/p>\n<div class=\"clear\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Using CSS Copy the entire font-awesome directory into your project. In the &lt;head&gt; of your html, reference the location to your font-awesome.min.css. &lt;link rel=&#8221;stylesheet&#8221; href=&#8221;path\/to\/font-awesome\/css\/font-awesome.min.css&#8221;&gt; &nbsp; &nbsp; Home &nbsp; Library &nbsp; Applications &nbsp; Settings Includes 200 glyphs in font format from the Font Awesome set. Glyphicons Halflings are normally not available for free, but their [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[15],"class_list":["post-144","post","type-post","status-publish","format-standard","hentry","category-icons","tag-icons"],"_links":{"self":[{"href":"https:\/\/wpdigipro.com\/demo\/demo10\/wp-json\/wp\/v2\/posts\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpdigipro.com\/demo\/demo10\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpdigipro.com\/demo\/demo10\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpdigipro.com\/demo\/demo10\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdigipro.com\/demo\/demo10\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":3,"href":"https:\/\/wpdigipro.com\/demo\/demo10\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"predecessor-version":[{"id":450,"href":"https:\/\/wpdigipro.com\/demo\/demo10\/wp-json\/wp\/v2\/posts\/144\/revisions\/450"}],"wp:attachment":[{"href":"https:\/\/wpdigipro.com\/demo\/demo10\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpdigipro.com\/demo\/demo10\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpdigipro.com\/demo\/demo10\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}