library-mirrors/Font-Awesome
1
0
Fork 0
mirror of https://github.com/FortAwesome/Font-Awesome.git synced 2024-11-20 11:14:28 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

merged rob's badass build system in with makefile after jekyll, made cheatsheet auto generating, make icon-fixed-width align right to ensure no pixelization, got rid of line numbers, fixed license typo, clarified that font awesome is free as in speech, not free as in beer

Browse Source
This commit is contained in:
davegandy 2013-05-23 13:14:14 -04:00
parent fab96da267
commit 950526864e
22 changed files with 44 additions and 350 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_config.yml
View File

@ -19,6 +19,7 @@ font_awesome:
version: 3.2.0
url: http://fontawesome.io
legacy_url: http://fortawesome.github.com/Font-Awesome/
blog_url: http://blog.fontawesome.io
twitter: fontawesome
author:
name: Dave Gandy

10
build/Makefile
View File

@ -15,13 +15,13 @@ FA_CSS_IE7_MIN = ${FA_CSS_DIRECTORY}/font-awesome-ie7.min.css
build:
@echo "Compiling Less files"
@mkdir -p ${FA_CSS_DIRECTORY}
recess --compile ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
recess --compile --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
recess --compile ${FA_LESS_IE7} > ${FA_CSS_IE7}
recess --compile --compress ${FA_LESS_IE7} > ${FA_CSS_IE7_MIN}
lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
lessc ${FA_LESS_IE7} > ${FA_CSS_IE7}
lessc --compress ${FA_LESS_IE7} > ${FA_CSS_IE7_MIN}
default: build
.PHONE: build
.PHONY: build

327
build/_includes/cheatsheet.html
View File

@ -6,323 +6,14 @@
{% endcapture %}
{% include stripe-ad.html %}
<div>
<h2 class="page-header">Every Font Awesome {{ site.font_awesome.version }} Icon, CSS Class, &amp; Unicode</h2>
<div class="row">
<div class="span4">
<ul class="unstyled">
<li><i class="icon-fixed-width">&#xf000;</i> icon-glass <span class="muted">(&amp;#xf000;)</span></li>
<li><i class="icon-fixed-width">&#xf001;</i> icon-music <span class="muted">(&amp;#xf001;)</span></li>
<li><i class="icon-fixed-width">&#xf002;</i> icon-search <span class="muted">(&amp;#xf002;)</span></li>
<li><i class="icon-fixed-width">&#xf003;</i> icon-envelope <span class="muted">(&amp;#xf003;)</span></li>
<li><i class="icon-fixed-width">&#xf004;</i> icon-heart <span class="muted">(&amp;#xf004;)</span></li>
<li><i class="icon-fixed-width">&#xf005;</i> icon-star <span class="muted">(&amp;#xf005;)</span></li>
<li><i class="icon-fixed-width">&#xf006;</i> icon-star-empty <span class="muted">(&amp;#xf006;)</span></li>
<li><i class="icon-fixed-width">&#xf007;</i> icon-user <span class="muted">(&amp;#xf007;)</span></li>
<li><i class="icon-fixed-width">&#xf008;</i> icon-film <span class="muted">(&amp;#xf008;)</span></li>
<li><i class="icon-fixed-width">&#xf009;</i> icon-th-large <span class="muted">(&amp;#xf009;)</span></li>
<li><i class="icon-fixed-width">&#xf00a;</i> icon-th <span class="muted">(&amp;#xf00a;)</span></li>
<li><i class="icon-fixed-width">&#xf00b;</i> icon-th-list <span class="muted">(&amp;#xf00b;)</span></li>
<li><i class="icon-fixed-width">&#xf00c;</i> icon-ok <span class="muted">(&amp;#xf00c;)</span></li>
<li><i class="icon-fixed-width">&#xf00d;</i> icon-remove <span class="muted">(&amp;#xf00d;)</span></li>
<li><i class="icon-fixed-width">&#xf00e;</i> icon-zoom-in <span class="muted">(&amp;#xf00e;)</span></li>
<li><i class="icon-fixed-width">&#xf010;</i> icon-zoom-out <span class="muted">(&amp;#xf010;)</span></li>
<li><i class="icon-fixed-width">&#xf011;</i> icon-off <span class="muted">(&amp;#xf011;)</span></li>
<li><i class="icon-fixed-width">&#xf012;</i> icon-signal <span class="muted">(&amp;#xf012;)</span></li>
<li><i class="icon-fixed-width">&#xf013;</i> icon-cog <span class="muted">(&amp;#xf013;)</span></li>
<li><i class="icon-fixed-width">&#xf014;</i> icon-trash <span class="muted">(&amp;#xf014;)</span></li>
<li><i class="icon-fixed-width">&#xf015;</i> icon-home <span class="muted">(&amp;#xf015;)</span></li>
<li><i class="icon-fixed-width">&#xf016;</i> icon-file <span class="muted">(&amp;#xf016;)</span></li>
<li><i class="icon-fixed-width">&#xf017;</i> icon-time <span class="muted">(&amp;#xf017;)</span></li>
<li><i class="icon-fixed-width">&#xf018;</i> icon-road <span class="muted">(&amp;#xf018;)</span></li>
<li><i class="icon-fixed-width">&#xf019;</i> icon-download-alt <span class="muted">(&amp;#xf019;)</span></li>
<li><i class="icon-fixed-width">&#xf01a;</i> icon-download <span class="muted">(&amp;#xf01a;)</span></li>
<li><i class="icon-fixed-width">&#xf01b;</i> icon-upload <span class="muted">(&amp;#xf01b;)</span></li>
<li><i class="icon-fixed-width">&#xf01c;</i> icon-inbox <span class="muted">(&amp;#xf01c;)</span></li>
<li><i class="icon-fixed-width">&#xf01d;</i> icon-play-circle <span class="muted">(&amp;#xf01d;)</span></li>
<li><i class="icon-fixed-width">&#xf01e;</i> icon-repeat <span class="muted">(&amp;#xf01e;)</span></li>
<li><i class="icon-fixed-width">&#xf021;</i> icon-refresh <span class="muted">(&amp;#xf021;)</span></li>
<li><i class="icon-fixed-width">&#xf022;</i> icon-list-alt <span class="muted">(&amp;#xf022;)</span></li>
<li><i class="icon-fixed-width">&#xf023;</i> icon-lock <span class="muted">(&amp;#xf023;)</span></li>
<li><i class="icon-fixed-width">&#xf024;</i> icon-flag <span class="muted">(&amp;#xf024;)</span></li>
<li><i class="icon-fixed-width">&#xf025;</i> icon-headphones <span class="muted">(&amp;#xf025;)</span></li>
<li><i class="icon-fixed-width">&#xf026;</i> icon-volume-off <span class="muted">(&amp;#xf026;)</span></li>
<li><i class="icon-fixed-width">&#xf027;</i> icon-volume-down <span class="muted">(&amp;#xf027;)</span></li>
<li><i class="icon-fixed-width">&#xf028;</i> icon-volume-up <span class="muted">(&amp;#xf028;)</span></li>
<li><i class="icon-fixed-width">&#xf029;</i> icon-qrcode <span class="muted">(&amp;#xf029;)</span></li>
<li><i class="icon-fixed-width">&#xf02a;</i> icon-barcode <span class="muted">(&amp;#xf02a;)</span></li>
<li><i class="icon-fixed-width">&#xf02b;</i> icon-tag <span class="muted">(&amp;#xf02b;)</span></li>
<li><i class="icon-fixed-width">&#xf02c;</i> icon-tags <span class="muted">(&amp;#xf02c;)</span></li>
<li><i class="icon-fixed-width">&#xf02d;</i> icon-book <span class="muted">(&amp;#xf02d;)</span></li>
<li><i class="icon-fixed-width">&#xf02e;</i> icon-bookmark <span class="muted">(&amp;#xf02e;)</span></li>
<li><i class="icon-fixed-width">&#xf02f;</i> icon-print <span class="muted">(&amp;#xf02f;)</span></li>
<li><i class="icon-fixed-width">&#xf030;</i> icon-camera <span class="muted">(&amp;#xf030;)</span></li>
<li><i class="icon-fixed-width">&#xf031;</i> icon-font <span class="muted">(&amp;#xf031;)</span></li>
<li><i class="icon-fixed-width">&#xf032;</i> icon-bold <span class="muted">(&amp;#xf032;)</span></li>
<li><i class="icon-fixed-width">&#xf033;</i> icon-italic <span class="muted">(&amp;#xf033;)</span></li>
<li><i class="icon-fixed-width">&#xf034;</i> icon-text-height <span class="muted">(&amp;#xf034;)</span></li>
<li><i class="icon-fixed-width">&#xf035;</i> icon-text-width <span class="muted">(&amp;#xf035;)</span></li>
<li><i class="icon-fixed-width">&#xf036;</i> icon-align-left <span class="muted">(&amp;#xf036;)</span></li>
<li><i class="icon-fixed-width">&#xf037;</i> icon-align-center <span class="muted">(&amp;#xf037;)</span></li>
<li><i class="icon-fixed-width">&#xf038;</i> icon-align-right <span class="muted">(&amp;#xf038;)</span></li>
<li><i class="icon-fixed-width">&#xf039;</i> icon-align-justify <span class="muted">(&amp;#xf039;)</span></li>
<li><i class="icon-fixed-width">&#xf03a;</i> icon-list <span class="muted">(&amp;#xf03a;)</span></li>
<li><i class="icon-fixed-width">&#xf03b;</i> icon-indent-left <span class="muted">(&amp;#xf03b;)</span></li>
<li><i class="icon-fixed-width">&#xf03c;</i> icon-indent-right <span class="muted">(&amp;#xf03c;)</span></li>
<li><i class="icon-fixed-width">&#xf03d;</i> icon-facetime-video <span class="muted">(&amp;#xf03d;)</span></li>
<li><i class="icon-fixed-width">&#xf03e;</i> icon-picture <span class="muted">(&amp;#xf03e;)</span></li>
<li><i class="icon-fixed-width">&#xf040;</i> icon-pencil <span class="muted">(&amp;#xf040;)</span></li>
<li><i class="icon-fixed-width">&#xf041;</i> icon-map-marker <span class="muted">(&amp;#xf041;)</span></li>
<li><i class="icon-fixed-width">&#xf042;</i> icon-adjust <span class="muted">(&amp;#xf042;)</span></li>
<li><i class="icon-fixed-width">&#xf043;</i> icon-tint <span class="muted">(&amp;#xf043;)</span></li>
<li><i class="icon-fixed-width">&#xf044;</i> icon-edit <span class="muted">(&amp;#xf044;)</span></li>
<li><i class="icon-fixed-width">&#xf045;</i> icon-share <span class="muted">(&amp;#xf045;)</span></li>
<li><i class="icon-fixed-width">&#xf046;</i> icon-check <span class="muted">(&amp;#xf046;)</span></li>
<li><i class="icon-fixed-width">&#xf047;</i> icon-move <span class="muted">(&amp;#xf047;)</span></li>
<li><i class="icon-fixed-width">&#xf048;</i> icon-step-backward <span class="muted">(&amp;#xf048;)</span></li>
<li><i class="icon-fixed-width">&#xf049;</i> icon-fast-backward <span class="muted">(&amp;#xf049;)</span></li>
<li><i class="icon-fixed-width">&#xf04a;</i> icon-backward <span class="muted">(&amp;#xf04a;)</span></li>
<li><i class="icon-fixed-width">&#xf04b;</i> icon-play <span class="muted">(&amp;#xf04b;)</span></li>
<li><i class="icon-fixed-width">&#xf04c;</i> icon-pause <span class="muted">(&amp;#xf04c;)</span></li>
<li><i class="icon-fixed-width">&#xf04d;</i> icon-stop <span class="muted">(&amp;#xf04d;)</span></li>
<li><i class="icon-fixed-width">&#xf04e;</i> icon-forward <span class="muted">(&amp;#xf04e;)</span></li>
<li><i class="icon-fixed-width">&#xf050;</i> icon-fast-forward <span class="muted">(&amp;#xf050;)</span></li>
<li><i class="icon-fixed-width">&#xf051;</i> icon-step-forward <span class="muted">(&amp;#xf051;)</span></li>
<li><i class="icon-fixed-width">&#xf052;</i> icon-eject <span class="muted">(&amp;#xf052;)</span></li>
<li><i class="icon-fixed-width">&#xf053;</i> icon-chevron-left <span class="muted">(&amp;#xf053;)</span></li>
<li><i class="icon-fixed-width">&#xf054;</i> icon-chevron-right <span class="muted">(&amp;#xf054;)</span></li>
<li><i class="icon-fixed-width">&#xf055;</i> icon-plus-sign <span class="muted">(&amp;#xf055;)</span></li>
<li><i class="icon-fixed-width">&#xf056;</i> icon-minus-sign <span class="muted">(&amp;#xf056;)</span></li>
<li><i class="icon-fixed-width">&#xf057;</i> icon-remove-sign <span class="muted">(&amp;#xf057;)</span></li>
<li><i class="icon-fixed-width">&#xf058;</i> icon-ok-sign <span class="muted">(&amp;#xf058;)</span></li>
<li><i class="icon-fixed-width">&#xf059;</i> icon-question-sign <span class="muted">(&amp;#xf059;)</span></li>
<li><i class="icon-fixed-width">&#xf05a;</i> icon-info-sign <span class="muted">(&amp;#xf05a;)</span></li>
<li><i class="icon-fixed-width">&#xf05b;</i> icon-screenshot <span class="muted">(&amp;#xf05b;)</span></li>
<li><i class="icon-fixed-width">&#xf05c;</i> icon-remove-circle <span class="muted">(&amp;#xf05c;)</span></li>
<li><i class="icon-fixed-width">&#xf05d;</i> icon-ok-circle <span class="muted">(&amp;#xf05d;)</span></li>
<li><i class="icon-fixed-width">&#xf05e;</i> icon-ban-circle <span class="muted">(&amp;#xf05e;)</span></li>
<li><i class="icon-fixed-width">&#xf060;</i> icon-arrow-left <span class="muted">(&amp;#xf060;)</span></li>
<li><i class="icon-fixed-width">&#xf061;</i> icon-arrow-right <span class="muted">(&amp;#xf061;)</span></li>
<li><i class="icon-fixed-width">&#xf062;</i> icon-arrow-up <span class="muted">(&amp;#xf062;)</span></li>
<li><i class="icon-fixed-width">&#xf063;</i> icon-arrow-down <span class="muted">(&amp;#xf063;)</span></li>
<li><i class="icon-fixed-width">&#xf064;</i> icon-share-alt <span class="muted">(&amp;#xf064;)</span></li>
<li><i class="icon-fixed-width">&#xf065;</i> icon-resize-full <span class="muted">(&amp;#xf065;)</span></li>
<li><i class="icon-fixed-width">&#xf066;</i> icon-resize-small <span class="muted">(&amp;#xf066;)</span></li>
<li><i class="icon-fixed-width">&#xf067;</i> icon-plus <span class="muted">(&amp;#xf067;)</span></li>
<li><i class="icon-fixed-width">&#xf068;</i> icon-minus <span class="muted">(&amp;#xf068;)</span></li>
<li><i class="icon-fixed-width">&#xf069;</i> icon-asterisk <span class="muted">(&amp;#xf069;)</span></li>
<li><i class="icon-fixed-width">&#xf06a;</i> icon-exclamation-sign <span class="muted">(&amp;#xf06a;)</span></li>
</ul>
</div>
<div class="span4">
<ul class="unstyled">
<li><i class="icon-fixed-width">&#xf06b;</i> icon-gift <span class="muted">(&amp;#xf06b;)</span></li>
<li><i class="icon-fixed-width">&#xf06c;</i> icon-leaf <span class="muted">(&amp;#xf06c;)</span></li>
<li><i class="icon-fixed-width">&#xf06d;</i> icon-fire <span class="muted">(&amp;#xf06d;)</span></li>
<li><i class="icon-fixed-width">&#xf06e;</i> icon-eye-open <span class="muted">(&amp;#xf06e;)</span></li>
<li><i class="icon-fixed-width">&#xf070;</i> icon-eye-close <span class="muted">(&amp;#xf070;)</span></li>
<li><i class="icon-fixed-width">&#xf071;</i> icon-warning-sign <span class="muted">(&amp;#xf071;)</span></li>
<li><i class="icon-fixed-width">&#xf072;</i> icon-plane <span class="muted">(&amp;#xf072;)</span></li>
<li><i class="icon-fixed-width">&#xf073;</i> icon-calendar <span class="muted">(&amp;#xf073;)</span></li>
<li><i class="icon-fixed-width">&#xf074;</i> icon-random <span class="muted">(&amp;#xf074;)</span></li>
<li><i class="icon-fixed-width">&#xf075;</i> icon-comment <span class="muted">(&amp;#xf075;)</span></li>
<li><i class="icon-fixed-width">&#xf076;</i> icon-magnet <span class="muted">(&amp;#xf076;)</span></li>
<li><i class="icon-fixed-width">&#xf077;</i> icon-chevron-up <span class="muted">(&amp;#xf077;)</span></li>
<li><i class="icon-fixed-width">&#xf078;</i> icon-chevron-down <span class="muted">(&amp;#xf078;)</span></li>
<li><i class="icon-fixed-width">&#xf079;</i> icon-retweet <span class="muted">(&amp;#xf079;)</span></li>
<li><i class="icon-fixed-width">&#xf07a;</i> icon-shopping-cart <span class="muted">(&amp;#xf07a;)</span></li>
<li><i class="icon-fixed-width">&#xf07b;</i> icon-folder-close <span class="muted">(&amp;#xf07b;)</span></li>
<li><i class="icon-fixed-width">&#xf07c;</i> icon-folder-open <span class="muted">(&amp;#xf07c;)</span></li>
<li><i class="icon-fixed-width">&#xf07d;</i> icon-resize-vertical <span class="muted">(&amp;#xf07d;)</span></li>
<li><i class="icon-fixed-width">&#xf07e;</i> icon-resize-horizontal <span class="muted">(&amp;#xf07e;)</span></li>
<li><i class="icon-fixed-width">&#xf080;</i> icon-bar-chart <span class="muted">(&amp;#xf080;)</span></li>
<li><i class="icon-fixed-width">&#xf081;</i> icon-twitter-sign <span class="muted">(&amp;#xf081;)</span></li>
<li><i class="icon-fixed-width">&#xf082;</i> icon-facebook-sign <span class="muted">(&amp;#xf082;)</span></li>
<li><i class="icon-fixed-width">&#xf083;</i> icon-camera-retro <span class="muted">(&amp;#xf083;)</span></li>
<li><i class="icon-fixed-width">&#xf084;</i> icon-key <span class="muted">(&amp;#xf084;)</span></li>
<li><i class="icon-fixed-width">&#xf085;</i> icon-cogs <span class="muted">(&amp;#xf085;)</span></li>
<li><i class="icon-fixed-width">&#xf086;</i> icon-comments <span class="muted">(&amp;#xf086;)</span></li>
<li><i class="icon-fixed-width">&#xf087;</i> icon-thumbs-up <span class="muted">(&amp;#xf087;)</span></li>
<li><i class="icon-fixed-width">&#xf088;</i> icon-thumbs-down <span class="muted">(&amp;#xf088;)</span></li>
<li><i class="icon-fixed-width">&#xf089;</i> icon-star-half <span class="muted">(&amp;#xf089;)</span></li>
<li><i class="icon-fixed-width">&#xf08a;</i> icon-heart-empty <span class="muted">(&amp;#xf08a;)</span></li>
<li><i class="icon-fixed-width">&#xf08b;</i> icon-signout <span class="muted">(&amp;#xf08b;)</span></li>
<li><i class="icon-fixed-width">&#xf08c;</i> icon-linkedin-sign <span class="muted">(&amp;#xf08c;)</span></li>
<li><i class="icon-fixed-width">&#xf08d;</i> icon-pushpin <span class="muted">(&amp;#xf08d;)</span></li>
<li><i class="icon-fixed-width">&#xf08e;</i> icon-external-link <span class="muted">(&amp;#xf08e;)</span></li>
<li><i class="icon-fixed-width">&#xf090;</i> icon-signin <span class="muted">(&amp;#xf090;)</span></li>
<li><i class="icon-fixed-width">&#xf091;</i> icon-trophy <span class="muted">(&amp;#xf091;)</span></li>
<li><i class="icon-fixed-width">&#xf092;</i> icon-github-sign <span class="muted">(&amp;#xf092;)</span></li>
<li><i class="icon-fixed-width">&#xf093;</i> icon-upload-alt <span class="muted">(&amp;#xf093;)</span></li>
<li><i class="icon-fixed-width">&#xf094;</i> icon-lemon <span class="muted">(&amp;#xf094;)</span></li>
<li><i class="icon-fixed-width">&#xf095;</i> icon-phone <span class="muted">(&amp;#xf095;)</span></li>
<li><i class="icon-fixed-width">&#xf096;</i> icon-check-empty <span class="muted">(&amp;#xf096;)</span></li>
<li><i class="icon-fixed-width">&#xf097;</i> icon-bookmark-empty <span class="muted">(&amp;#xf097;)</span></li>
<li><i class="icon-fixed-width">&#xf098;</i> icon-phone-sign <span class="muted">(&amp;#xf098;)</span></li>
<li><i class="icon-fixed-width">&#xf099;</i> icon-twitter <span class="muted">(&amp;#xf099;)</span></li>
<li><i class="icon-fixed-width">&#xf09a;</i> icon-facebook <span class="muted">(&amp;#xf09a;)</span></li>
<li><i class="icon-fixed-width">&#xf09b;</i> icon-github <span class="muted">(&amp;#xf09b;)</span></li>
<li><i class="icon-fixed-width">&#xf09c;</i> icon-unlock <span class="muted">(&amp;#xf09c;)</span></li>
<li><i class="icon-fixed-width">&#xf09d;</i> icon-credit-card <span class="muted">(&amp;#xf09d;)</span></li>
<li><i class="icon-fixed-width">&#xf09e;</i> icon-rss <span class="muted">(&amp;#xf09e;)</span></li>
<li><i class="icon-fixed-width">&#xf0a0;</i> icon-hdd <span class="muted">(&amp;#xf0a0;)</span></li>
<li><i class="icon-fixed-width">&#xf0a1;</i> icon-bullhorn <span class="muted">(&amp;#xf0a1;)</span></li>
<li><i class="icon-fixed-width">&#xf0a2;</i> icon-bell <span class="muted">(&amp;#xf0a2;)</span></li>
<li><i class="icon-fixed-width">&#xf0a3;</i> icon-certificate <span class="muted">(&amp;#xf0a3;)</span></li>
<li><i class="icon-fixed-width">&#xf0a4;</i> icon-hand-right <span class="muted">(&amp;#xf0a4;)</span></li>
<li><i class="icon-fixed-width">&#xf0a5;</i> icon-hand-left <span class="muted">(&amp;#xf0a5;)</span></li>
<li><i class="icon-fixed-width">&#xf0a6;</i> icon-hand-up <span class="muted">(&amp;#xf0a6;)</span></li>
<li><i class="icon-fixed-width">&#xf0a7;</i> icon-hand-down <span class="muted">(&amp;#xf0a7;)</span></li>
<li><i class="icon-fixed-width">&#xf0a8;</i> icon-circle-arrow-left <span class="muted">(&amp;#xf0a8;)</span></li>
<li><i class="icon-fixed-width">&#xf0a9;</i> icon-circle-arrow-right <span class="muted">(&amp;#xf0a9;)</span></li>
<li><i class="icon-fixed-width">&#xf0aa;</i> icon-circle-arrow-up <span class="muted">(&amp;#xf0aa;)</span></li>
<li><i class="icon-fixed-width">&#xf0ab;</i> icon-circle-arrow-down <span class="muted">(&amp;#xf0ab;)</span></li>
<li><i class="icon-fixed-width">&#xf0ac;</i> icon-globe <span class="muted">(&amp;#xf0ac;)</span></li>
<li><i class="icon-fixed-width">&#xf0ad;</i> icon-wrench <span class="muted">(&amp;#xf0ad;)</span></li>
<li><i class="icon-fixed-width">&#xf0ae;</i> icon-tasks <span class="muted">(&amp;#xf0ae;)</span></li>
<li><i class="icon-fixed-width">&#xf0b0;</i> icon-filter <span class="muted">(&amp;#xf0b0;)</span></li>
<li><i class="icon-fixed-width">&#xf0b1;</i> icon-briefcase <span class="muted">(&amp;#xf0b1;)</span></li>
<li><i class="icon-fixed-width">&#xf0b2;</i> icon-fullscreen <span class="muted">(&amp;#xf0b2;)</span></li>
<li><i class="icon-fixed-width">&#xf0c0;</i> icon-group <span class="muted">(&amp;#xf0c0;)</span></li>
<li><i class="icon-fixed-width">&#xf0c1;</i> icon-link <span class="muted">(&amp;#xf0c1;)</span></li>
<li><i class="icon-fixed-width">&#xf0c2;</i> icon-cloud <span class="muted">(&amp;#xf0c2;)</span></li>
<li><i class="icon-fixed-width">&#xf0c3;</i> icon-beaker <span class="muted">(&amp;#xf0c3;)</span></li>
<li><i class="icon-fixed-width">&#xf0c4;</i> icon-cut <span class="muted">(&amp;#xf0c4;)</span></li>
<li><i class="icon-fixed-width">&#xf0c5;</i> icon-copy <span class="muted">(&amp;#xf0c5;)</span></li>
<li><i class="icon-fixed-width">&#xf0c6;</i> icon-paper-clip <span class="muted">(&amp;#xf0c6;)</span></li>
<li><i class="icon-fixed-width">&#xf0c7;</i> icon-save <span class="muted">(&amp;#xf0c7;)</span></li>
<li><i class="icon-fixed-width">&#xf0c8;</i> icon-sign-blank <span class="muted">(&amp;#xf0c8;)</span></li>
<li><i class="icon-fixed-width">&#xf0c9;</i> icon-reorder <span class="muted">(&amp;#xf0c9;)</span></li>
<li><i class="icon-fixed-width">&#xf0ca;</i> icon-list-ul <span class="muted">(&amp;#xf0ca;)</span></li>
<li><i class="icon-fixed-width">&#xf0cb;</i> icon-list-ol <span class="muted">(&amp;#xf0cb;)</span></li>
<li><i class="icon-fixed-width">&#xf0cc;</i> icon-strikethrough <span class="muted">(&amp;#xf0cc;)</span></li>
<li><i class="icon-fixed-width">&#xf0cd;</i> icon-underline <span class="muted">(&amp;#xf0cd;)</span></li>
<li><i class="icon-fixed-width">&#xf0ce;</i> icon-table <span class="muted">(&amp;#xf0ce;)</span></li>
<li><i class="icon-fixed-width">&#xf0d0;</i> icon-magic <span class="muted">(&amp;#xf0d0;)</span></li>
<li><i class="icon-fixed-width">&#xf0d1;</i> icon-truck <span class="muted">(&amp;#xf0d1;)</span></li>
<li><i class="icon-fixed-width">&#xf0d2;</i> icon-pinterest <span class="muted">(&amp;#xf0d2;)</span></li>
<li><i class="icon-fixed-width">&#xf0d3;</i> icon-pinterest-sign <span class="muted">(&amp;#xf0d3;)</span></li>
<li><i class="icon-fixed-width">&#xf0d4;</i> icon-google-plus-sign <span class="muted">(&amp;#xf0d4;)</span></li>
<li><i class="icon-fixed-width">&#xf0d5;</i> icon-google-plus <span class="muted">(&amp;#xf0d5;)</span></li>
<li><i class="icon-fixed-width">&#xf0d6;</i> icon-money <span class="muted">(&amp;#xf0d6;)</span></li>
<li><i class="icon-fixed-width">&#xf0d7;</i> icon-caret-down <span class="muted">(&amp;#xf0d7;)</span></li>
<li><i class="icon-fixed-width">&#xf0d8;</i> icon-caret-up <span class="muted">(&amp;#xf0d8;)</span></li>
<li><i class="icon-fixed-width">&#xf0d9;</i> icon-caret-left <span class="muted">(&amp;#xf0d9;)</span></li>
<li><i class="icon-fixed-width">&#xf0da;</i> icon-caret-right <span class="muted">(&amp;#xf0da;)</span></li>
<li><i class="icon-fixed-width">&#xf0db;</i> icon-columns <span class="muted">(&amp;#xf0db;)</span></li>
<li><i class="icon-fixed-width">&#xf0dc;</i> icon-sort <span class="muted">(&amp;#xf0dc;)</span></li>
<li><i class="icon-fixed-width">&#xf0dd;</i> icon-sort-down <span class="muted">(&amp;#xf0dd;)</span></li>
<li><i class="icon-fixed-width">&#xf0de;</i> icon-sort-up <span class="muted">(&amp;#xf0de;)</span></li>
<li><i class="icon-fixed-width">&#xf0e0;</i> icon-envelope-alt <span class="muted">(&amp;#xf0e0;)</span></li>
<li><i class="icon-fixed-width">&#xf0e1;</i> icon-linkedin <span class="muted">(&amp;#xf0e1;)</span></li>
<li><i class="icon-fixed-width">&#xf0e2;</i> icon-undo <span class="muted">(&amp;#xf0e2;)</span></li>
<li><i class="icon-fixed-width">&#xf0e3;</i> icon-legal <span class="muted">(&amp;#xf0e3;)</span></li>
</ul>
</div>
<div class="span4">
<ul class="unstyled">
<li><i class="icon-fixed-width">&#xf0e4;</i> icon-dashboard <span class="muted">(&amp;#xf0e4;)</span></li>
<li><i class="icon-fixed-width">&#xf0e5;</i> icon-comment-alt <span class="muted">(&amp;#xf0e5;)</span></li>
<li><i class="icon-fixed-width">&#xf0e6;</i> icon-comments-alt <span class="muted">(&amp;#xf0e6;)</span></li>
<li><i class="icon-fixed-width">&#xf0e7;</i> icon-bolt <span class="muted">(&amp;#xf0e7;)</span></li>
<li><i class="icon-fixed-width">&#xf0e8;</i> icon-sitemap <span class="muted">(&amp;#xf0e8;)</span></li>
<li><i class="icon-fixed-width">&#xf0e9;</i> icon-umbrella <span class="muted">(&amp;#xf0e9;)</span></li>
<li><i class="icon-fixed-width">&#xf0ea;</i> icon-paste <span class="muted">(&amp;#xf0ea;)</span></li>
<li><i class="icon-fixed-width">&#xf0eb;</i> icon-lightbulb <span class="muted">(&amp;#xf0eb;)</span></li>
<li><i class="icon-fixed-width">&#xf0ec;</i> icon-exchange <span class="muted">(&amp;#xf0ec;)</span></li>
<li><i class="icon-fixed-width">&#xf0ed;</i> icon-cloud-download <span class="muted">(&amp;#xf0ed;)</span></li>
<li><i class="icon-fixed-width">&#xf0ee;</i> icon-cloud-upload <span class="muted">(&amp;#xf0ee;)</span></li>
<li><i class="icon-fixed-width">&#xf0f0;</i> icon-user-md <span class="muted">(&amp;#xf0f0;)</span></li>
<li><i class="icon-fixed-width">&#xf0f1;</i> icon-stethoscope <span class="muted">(&amp;#xf0f1;)</span></li>
<li><i class="icon-fixed-width">&#xf0f2;</i> icon-suitcase <span class="muted">(&amp;#xf0f2;)</span></li>
<li><i class="icon-fixed-width">&#xf0f3;</i> icon-bell-alt <span class="muted">(&amp;#xf0f3;)</span></li>
<li><i class="icon-fixed-width">&#xf0f4;</i> icon-coffee <span class="muted">(&amp;#xf0f4;)</span></li>
<li><i class="icon-fixed-width">&#xf0f5;</i> icon-food <span class="muted">(&amp;#xf0f5;)</span></li>
<li><i class="icon-fixed-width">&#xf0f6;</i> icon-file-alt <span class="muted">(&amp;#xf0f6;)</span></li>
<li><i class="icon-fixed-width">&#xf0f7;</i> icon-building <span class="muted">(&amp;#xf0f7;)</span></li>
<li><i class="icon-fixed-width">&#xf0f8;</i> icon-hospital <span class="muted">(&amp;#xf0f8;)</span></li>
<li><i class="icon-fixed-width">&#xf0f9;</i> icon-ambulance <span class="muted">(&amp;#xf0f9;)</span></li>
<li><i class="icon-fixed-width">&#xf0fa;</i> icon-medkit <span class="muted">(&amp;#xf0fa;)</span></li>
<li><i class="icon-fixed-width">&#xf0fb;</i> icon-fighter-jet <span class="muted">(&amp;#xf0fb;)</span></li>
<li><i class="icon-fixed-width">&#xf0fc;</i> icon-beer <span class="muted">(&amp;#xf0fc;)</span></li>
<li><i class="icon-fixed-width">&#xf0fd;</i> icon-h-sign <span class="muted">(&amp;#xf0fd;)</span></li>
<li><i class="icon-fixed-width">&#xf0fe;</i> icon-plus-sign-alt <span class="muted">(&amp;#xf0fe;)</span></li>
<li><i class="icon-fixed-width">&#xf100;</i> icon-double-angle-left <span class="muted">(&amp;#xf100;)</span></li>
<li><i class="icon-fixed-width">&#xf101;</i> icon-double-angle-right <span class="muted">(&amp;#xf101;)</span></li>
<li><i class="icon-fixed-width">&#xf102;</i> icon-double-angle-up <span class="muted">(&amp;#xf102;)</span></li>
<li><i class="icon-fixed-width">&#xf103;</i> icon-double-angle-down <span class="muted">(&amp;#xf103;)</span></li>
<li><i class="icon-fixed-width">&#xf104;</i> icon-angle-left <span class="muted">(&amp;#xf104;)</span></li>
<li><i class="icon-fixed-width">&#xf105;</i> icon-angle-right <span class="muted">(&amp;#xf105;)</span></li>
<li><i class="icon-fixed-width">&#xf106;</i> icon-angle-up <span class="muted">(&amp;#xf106;)</span></li>
<li><i class="icon-fixed-width">&#xf107;</i> icon-angle-down <span class="muted">(&amp;#xf107;)</span></li>
<li><i class="icon-fixed-width">&#xf108;</i> icon-desktop <span class="muted">(&amp;#xf108;)</span></li>
<li><i class="icon-fixed-width">&#xf109;</i> icon-laptop <span class="muted">(&amp;#xf109;)</span></li>
<li><i class="icon-fixed-width">&#xf10a;</i> icon-tablet <span class="muted">(&amp;#xf10a;)</span></li>
<li><i class="icon-fixed-width">&#xf10b;</i> icon-mobile-phone <span class="muted">(&amp;#xf10b;)</span></li>
<li><i class="icon-fixed-width">&#xf10c;</i> icon-circle-blank <span class="muted">(&amp;#xf10c;)</span></li>
<li><i class="icon-fixed-width">&#xf10d;</i> icon-quote-left <span class="muted">(&amp;#xf10d;)</span></li>
<li><i class="icon-fixed-width">&#xf10e;</i> icon-quote-right <span class="muted">(&amp;#xf10e;)</span></li>
<li><i class="icon-fixed-width">&#xf110;</i> icon-spinner <span class="muted">(&amp;#xf110;)</span></li>
<li><i class="icon-fixed-width">&#xf111;</i> icon-circle <span class="muted">(&amp;#xf111;)</span></li>
<li><i class="icon-fixed-width">&#xf112;</i> icon-reply <span class="muted">(&amp;#xf112;)</span></li>
<li><i class="icon-fixed-width">&#xf114;</i> icon-folder-close-alt <span class="muted">(&amp;#xf114;)</span></li>
<li><i class="icon-fixed-width">&#xf115;</i> icon-folder-open-alt <span class="muted">(&amp;#xf115;)</span></li>
<li><i class="icon-fixed-width">&#xf116;</i> icon-expand-alt <span class="muted">(&amp;#xf116;)</span></li>
<li><i class="icon-fixed-width">&#xf117;</i> icon-collapse-alt <span class="muted">(&amp;#xf117;)</span></li>
<li><i class="icon-fixed-width">&#xf118;</i> icon-smile <span class="muted">(&amp;#xf118;)</span></li>
<li><i class="icon-fixed-width">&#xf119;</i> icon-frown <span class="muted">(&amp;#xf119;)</span></li>
<li><i class="icon-fixed-width">&#xf11a;</i> icon-meh <span class="muted">(&amp;#xf11a;)</span></li>
<li><i class="icon-fixed-width">&#xf11b;</i> icon-gamepad <span class="muted">(&amp;#xf11b;)</span></li>
<li><i class="icon-fixed-width">&#xf11c;</i> icon-keyboard <span class="muted">(&amp;#xf11c;)</span></li>
<li><i class="icon-fixed-width">&#xf11d;</i> icon-flag-alt <span class="muted">(&amp;#xf11d;)</span></li>
<li><i class="icon-fixed-width">&#xf11e;</i> icon-flag-checkered <span class="muted">(&amp;#xf11e;)</span></li>
<li><i class="icon-fixed-width">&#xf120;</i> icon-terminal <span class="muted">(&amp;#xf120;)</span></li>
<li><i class="icon-fixed-width">&#xf121;</i> icon-code <span class="muted">(&amp;#xf121;)</span></li>
<li><i class="icon-fixed-width">&#xf122;</i> icon-reply-all <span class="muted">(&amp;#xf122;)</span></li>
<li><i class="icon-fixed-width">&#xf122;</i> icon-mail-reply-all <span class="muted">(&amp;#xf122;)</span></li>
<li><i class="icon-fixed-width">&#xf123;</i> icon-star-half-full <span class="muted">(&amp;#xf123;)</span></li>
<li><i class="icon-fixed-width">&#xf123;</i> icon-star-half-empty <span class="muted">(&amp;#xf123;)</span></li>
<li><i class="icon-fixed-width">&#xf124;</i> icon-location-arrow <span class="muted">(&amp;#xf124;)</span></li>
<li><i class="icon-fixed-width">&#xf125;</i> icon-crop <span class="muted">(&amp;#xf125;)</span></li>
<li><i class="icon-fixed-width">&#xf126;</i> icon-code-fork <span class="muted">(&amp;#xf126;)</span></li>
<li><i class="icon-fixed-width">&#xf127;</i> icon-unlink <span class="muted">(&amp;#xf127;)</span></li>
<li><i class="icon-fixed-width">&#xf128;</i> icon-question <span class="muted">(&amp;#xf128;)</span></li>
<li><i class="icon-fixed-width">&#xf129;</i> icon-info <span class="muted">(&amp;#xf129;)</span></li>
<li><i class="icon-fixed-width">&#xf12a;</i> icon-exclamation <span class="muted">(&amp;#xf12a;)</span></li>
<li><i class="icon-fixed-width">&#xf12b;</i> icon-superscript <span class="muted">(&amp;#xf12b;)</span></li>
<li><i class="icon-fixed-width">&#xf12c;</i> icon-subscript <span class="muted">(&amp;#xf12c;)</span></li>
<li><i class="icon-fixed-width">&#xf12d;</i> icon-eraser <span class="muted">(&amp;#xf12d;)</span></li>
<li><i class="icon-fixed-width">&#xf12e;</i> icon-puzzle-piece <span class="muted">(&amp;#xf12e;)</span></li>
<li><i class="icon-fixed-width">&#xf130;</i> icon-microphone <span class="muted">(&amp;#xf130;)</span></li>
<li><i class="icon-fixed-width">&#xf131;</i> icon-microphone-off <span class="muted">(&amp;#xf131;)</span></li>
<li><i class="icon-fixed-width">&#xf132;</i> icon-shield <span class="muted">(&amp;#xf132;)</span></li>
<li><i class="icon-fixed-width">&#xf133;</i> icon-calendar-empty <span class="muted">(&amp;#xf133;)</span></li>
<li><i class="icon-fixed-width">&#xf134;</i> icon-fire-extinguisher <span class="muted">(&amp;#xf134;)</span></li>
<li><i class="icon-fixed-width">&#xf135;</i> icon-rocket <span class="muted">(&amp;#xf135;)</span></li>
<li><i class="icon-fixed-width">&#xf136;</i> icon-maxcdn <span class="muted">(&amp;#xf136;)</span></li>
<li><i class="icon-fixed-width">&#xf137;</i> icon-chevron-sign-left <span class="muted">(&amp;#xf137;)</span></li>
<li><i class="icon-fixed-width">&#xf138;</i> icon-chevron-sign-right <span class="muted">(&amp;#xf138;)</span></li>
<li><i class="icon-fixed-width">&#xf139;</i> icon-chevron-sign-up <span class="muted">(&amp;#xf139;)</span></li>
<li><i class="icon-fixed-width">&#xf13a;</i> icon-chevron-sign-down <span class="muted">(&amp;#xf13a;)</span></li>
<li><i class="icon-fixed-width">&#xf13b;</i> icon-html5 <span class="muted">(&amp;#xf13b;)</span></li>
<li><i class="icon-fixed-width">&#xf13c;</i> icon-css3 <span class="muted">(&amp;#xf13c;)</span></li>
<li><i class="icon-fixed-width">&#xf13d;</i> icon-anchor <span class="muted">(&amp;#xf13d;)</span></li>
<li><i class="icon-fixed-width">&#xf13e;</i> icon-unlock-alt <span class="muted">(&amp;#xf13e;)</span></li>
<li><i class="icon-fixed-width">&#xf140;</i> icon-bullseye <span class="muted">(&amp;#xf140;)</span></li>
<li><i class="icon-fixed-width">&#xf141;</i> icon-ellipsis-horizontal <span class="muted">(&amp;#xf141;)</span></li>
<li><i class="icon-fixed-width">&#xf142;</i> icon-ellipsis-vertical <span class="muted">(&amp;#xf142;)</span></li>
<li><i class="icon-fixed-width">&#xf143;</i> icon-rss-sign <span class="muted">(&amp;#xf143;)</span></li>
<li><i class="icon-fixed-width">&#xf144;</i> icon-play-sign <span class="muted">(&amp;#xf144;)</span></li>
<li><i class="icon-fixed-width">&#xf145;</i> icon-ticket <span class="muted">(&amp;#xf145;)</span></li>
<li><i class="icon-fixed-width">&#xf146;</i> icon-minus-sign-alt <span class="muted">(&amp;#xf146;)</span></li>
<li><i class="icon-fixed-width">&#xf147;</i> icon-check-minus <span class="muted">(&amp;#xf147;)</span></li>
<li><i class="icon-fixed-width">&#xf148;</i> icon-level-up <span class="muted">(&amp;#xf148;)</span></li>
<li><i class="icon-fixed-width">&#xf149;</i> icon-level-down <span class="muted">(&amp;#xf149;)</span></li>
<li><i class="icon-fixed-width">&#xf14a;</i> icon-check-sign <span class="muted">(&amp;#xf14a;)</span></li>
<li><i class="icon-fixed-width">&#xf14b;</i> icon-edit-sign <span class="muted">(&amp;#xf14b;)</span></li>
<li><i class="icon-fixed-width">&#xf14c;</i> icon-external-link-sign <span class="muted">(&amp;#xf14c;)</span></li>
<li><i class="icon-fixed-width">&#xf14d;</i> icon-share-sign <span class="muted">(&amp;#xf14d;)</span></li>
</ul>
</div>
<h2 class="page-header">Every Font Awesome {{ site.font_awesome.version }} Icon, CSS Class, &amp; Unicode</h2>
<div class="row">
{% for icon in icons %}
<div class="span4">
<i class="icon-fixed-width">&#x{{ icon.unicode }}</i>
icon-{{ icon.id }}
<span class="muted">(&amp;#x{{ icon.unicode }};)</span>
</div>
{% endfor %}
</div>

2
build/_includes/examples/animated-spinner.html
View File

@ -9,7 +9,7 @@
<div class="well well-large well-transparent lead">
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
</div>
{% highlight html linenos %}
{% highlight html %}
<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
{% endhighlight %}
<p class="alert alert-info">

4
build/_includes/examples/bordered-pulled.html
View File

@ -14,7 +14,7 @@
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
of them in any combination to get lots of new possibilities.
</div>
{% highlight html linenos %}
{% highlight html %}
<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
Use a few of the new styles together ... lots of new possibilities.
{% endhighlight %}
@ -24,7 +24,7 @@ Use a few of the new styles together ... lots of new possibilities.
Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
of them in any combination to get lots of new possibilities.
</div>
{% highlight html linenos %}
{% highlight html %}
<i class="icon-flag icon-4x pull-left icon-border"></i>
Use a few of the new styles together ... lots of new possibilities.
{% endhighlight %}

2
build/_includes/examples/bulleted-lists.html
View File

@ -15,7 +15,7 @@
</div>
<div class="span9">
<p>Easily replace individual bullets.</p>
{% highlight html linenos %}
{% highlight html %}
<ul class="icons-ul">
<li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li>
<li><i class="icon-li icon-ok"></i>Buttons</li>

2
build/_includes/examples/button-dropdowns.html
View File

@ -16,7 +16,7 @@
</div>
</div>
<div class="span9">
{% highlight html linenos %}
{% highlight html %}
<div class="btn-group open">
<a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
<a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">

2
build/_includes/examples/button-groups.html
View File

@ -12,7 +12,7 @@
</p>
</div>
<div class="span9">
{% highlight html linenos %}
{% highlight html %}
<div class="btn-group">
<a class="btn" href="#"><i class="icon-align-left"></i></a>
<a class="btn" href="#"><i class="icon-align-center"></i></a>

2
build/_includes/examples/buttons.html
View File

@ -34,7 +34,7 @@
Font Awesome icons work great in buttons. You can even combine them with larger icon styles,
<code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>.
</p>
{% highlight html linenos %}
{% highlight html %}
<a class="btn" href="#">
<i class="icon-repeat"></i> Reload</a>
<a class="btn btn-success" href="#">

2
build/_includes/examples/form-inputs.html
View File

@ -14,7 +14,7 @@
</form>
</div>
<div class="span9">
{% highlight html linenos %}
{% highlight html %}
<form>
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>

2
build/_includes/examples/inline-icons.html
View File

@ -10,7 +10,7 @@
<i class="icon-camera-retro"></i> icon-camera-retro
</div>
</div>
{% highlight html linenos %}
{% highlight html %}
<i class="icon-camera-retro"></i> icon-camera-retro
{% endhighlight %}
<div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>

2
build/_includes/examples/larger-icons.html
View File

@ -20,7 +20,7 @@
<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
</div>
</div>
{% highlight html linenos %}
{% highlight html %}
<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>

2
build/_includes/examples/navigation.html
View File

@ -13,7 +13,7 @@
</div>
<div class="span9">
<p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
{% highlight html linenos %}
{% highlight html %}
<ul class="nav nav-list">
<li class="active"><a href="#"><i class="icon-fixed-width icon-home"></i> Home</a></li>
<li><a href="#"><i class="icon-fixed-width icon-book"></i> Library</a></li>

2
build/_includes/examples/rotated-flipped.html
View File

@ -13,7 +13,7 @@
<i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
<i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
</div>
{% highlight html linenos %}
{% highlight html %}
<i class="icon-shield"></i>&nbsp; normal<br>
<i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
<i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>

2
build/_includes/examples/stacked.html
View File

@ -23,7 +23,7 @@
</span>
icon-terminal on icon-sign-blank
</div>
{% highlight html linenos %}
{% highlight html %}
<span class="icon-stack">
<i class="icon-check-empty icon-stack-base"></i>
<i class="icon-twitter"></i>

8
build/_includes/get-started.html
View File

@ -13,7 +13,7 @@
<ol>
<li>
Paste the following code into the <code>&lt;head&gt;</code> section of your site's HTML.
{% highlight html linenos %}
{% highlight html %}
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/{{ site.bootstrap.version }}/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/{{ site.font_awesome.version }}/css/font-awesome.css" rel="stylesheet">
{% endhighlight %}
@ -38,7 +38,7 @@
<li>Copy the <code>font-awesome</code> directory into your project.</li>
<li>
In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome.min.css.
{% highlight html linenos %}
{% highlight html %}
<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
{% endhighlight %}
@ -55,7 +55,7 @@
<li>Open bootstrap.less and replace <code>@import "sprites.less";</code> with <code>@import "path/to/font-awesome/less/font-awesome.less";</code></li>
<li>
Open your project's font-awesome.less and edit the <code>@FontAwesomePath</code> variable to point to your font directory.
{% highlight html linenos %}
{% highlight html %}
@FontAwesomePath: "../font";
{% endhighlight %}
<p class="alert alert-info"><i class="icon-info-sign"></i> The font path is relative from your compiled CSS directory.</p>
@ -84,7 +84,7 @@
<li>Copy font-awesome-ie7.min.css into your project.</li>
<li>
In the <code>&lt;head&gt;</code> of your html, reference the location to your font-awesome-ie7.min.css.
{% highlight html linenos %}
{% highlight html %}
<link rel="stylesheet" href="path/to/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
<!--[if IE 7]>

2
build/_includes/license.html
View File

@ -1,6 +1,6 @@
{% capture stripe_ad_content %}
<p class="lead">
Font Awesome is fully open source and is GPL compatible. You can use it for commerical projects, open source
Font Awesome is fully open source and is GPL compatible. You can use it for commercial projects, open source
projects, or really just about whatever you want.
</p>
{% endcapture %}

6
build/_includes/navbar.html
View File

@ -15,8 +15,8 @@
<li class="divider"></li>
<li><a href="{{ page.relative_path }}icons/#new"><i class="icon-shield icon-fixed-width"></i>&nbsp; New Icons in {{ site.font_awesome.version }}</a></li>
<li><a href="{{ page.relative_path }}icons/#web-application"><i class="icon-camera-retro icon-fixed-width"></i>&nbsp; Web Application Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#currency"><i class="icon-eur icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#text-editor"><i class="icon-file-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#currency"><i class="icon-won icon-fixed-width"></i>&nbsp; Currency Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#text-editor"><i class="icon-file-text-alt icon-fixed-width"></i>&nbsp; Text Editor Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#directional"><i class="icon-hand-right icon-fixed-width"></i>&nbsp; Directional Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#video-player"><i class="icon-play-sign icon-fixed-width"></i>&nbsp; Video Player Icons</a></li>
<li><a href="{{ page.relative_path }}icons/#brand"><i class="icon-github icon-fixed-width"></i>&nbsp; Brand Icons</a></li>
@ -52,7 +52,7 @@
<li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ page.relative_path }}license/">License</a></li>
</ul>
<ul class="nav pull-right">
<li><a href="mailto:{{ site.font_awesome.author.email }}"><i class="icon-envelope-alt"></i>&nbsp; Me</a></li>
<li><a href="{{ site.font_awesome.blog_url }}">Blog</a></li>
</ul>
</div>
</div>

4
build/_includes/why.html
View File

@ -15,7 +15,7 @@
</div>
<div class="row">
<div class="span4">
<h4><i class="icon-beer"></i> Free, as in Beer</h4>
<h4><i class="icon-microphone"></i> Free, as in Speech</h4>
Font Awesome is completely free for commercial use. Check out the <a href="{{ page.relative_path }}license/">license</a>.
</div>
<div class="span4">
@ -29,7 +29,7 @@
</div>
<div class="row">
<div class="span4">
<h4><i class="icon-thumbs-up"></i> Made for Bootstrap</h4>
<h4><i class="icon-thumbs-up-alt"></i> Made for Bootstrap</h4>
Designed from scratch to be fully compatible with <a href="{{ site.bootstrap.url }}">Bootstrap {{ site.bootstrap.version }}</a>.
</div>
<div class="span4">

2
build/_layouts/icon.html
View File

@ -45,7 +45,7 @@ relative_path: ../../
<i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
</div>
</div>
{% highlight html linenos %}
{% highlight html %}
<i class="icon-{{ page.icon.id }}"></i> icon-{{ page.icon.id }}
{% endhighlight %}
<br>

7
build/assets/font-awesome/less/core.less vendored
View File

@ -37,10 +37,11 @@ a {
[class*=" icon-"] {
&.icon-fixed-width {
display: inline-block;
width: 18/14em;
text-align: center;
width: 16/14em;
text-align: right;
padding-right: 4/14em;
&.icon-large {
width: 22/14em;
width: 20/14em;
}
}
}

1
build/icons.yml
View File

@ -1622,6 +1622,7 @@ icons:
created: 3.0.0
categories:
- Medical Icons
- Web Application Icons
- name: double-angle-left