|
|
|
@ -161,7 +161,8 @@
|
|
|
|
|
[data-icon]:before { content: attr(data-icon); } |
|
|
|
|
|
|
|
|
|
[data-icon]:before, |
|
|
|
|
.fa-bell:before, |
|
|
|
|
.fa-at:before, |
|
|
|
|
.fa-bell:before, |
|
|
|
|
.fa-bell-o:before, |
|
|
|
|
.fa-calendar:before, |
|
|
|
|
.fa-check:before, |
|
|
|
@ -177,8 +178,10 @@
|
|
|
|
|
.fa-floppy-o:before, |
|
|
|
|
.fa-gavel:before, |
|
|
|
|
.fa-github:before, |
|
|
|
|
.fa-globe:before, |
|
|
|
|
.fa-google:before, |
|
|
|
|
.fa-history:before, |
|
|
|
|
.fa-key-modern:before, |
|
|
|
|
.fa-link:before, |
|
|
|
|
.fa-pencil-square-o:before, |
|
|
|
|
.fa-question-circle:before, |
|
|
|
@ -216,47 +219,50 @@
|
|
|
|
|
font-smoothing: antialiased; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.fa-bell:before { content: "\f100"; } |
|
|
|
|
.fa-bell-o:before { content: "\f101"; } |
|
|
|
|
.fa-calendar:before { content: "\f102"; } |
|
|
|
|
.fa-check:before { content: "\f103"; } |
|
|
|
|
.fa-clock-o:before { content: "\f104"; } |
|
|
|
|
.fa-cloud-upload:before { content: "\f105"; } |
|
|
|
|
.fa-code-fork:before { content: "\f106"; } |
|
|
|
|
.fa-download:before { content: "\f107"; } |
|
|
|
|
.fa-eye:before { content: "\f108"; } |
|
|
|
|
.fa-eye-slash:before { content: "\f109"; } |
|
|
|
|
.fa-facebook-square:before { content: "\f10a"; } |
|
|
|
|
.fa-filter:before { content: "\f10b"; } |
|
|
|
|
.fa-flag:before { content: "\f10c"; } |
|
|
|
|
.fa-floppy-o:before { content: "\f10d"; } |
|
|
|
|
.fa-gavel:before { content: "\f10e"; } |
|
|
|
|
.fa-github:before { content: "\f10f"; } |
|
|
|
|
.fa-google:before { content: "\f110"; } |
|
|
|
|
.fa-history:before { content: "\f111"; } |
|
|
|
|
.fa-link:before { content: "\f112"; } |
|
|
|
|
.fa-pencil-square-o:before { content: "\f113"; } |
|
|
|
|
.fa-question-circle:before { content: "\f114"; } |
|
|
|
|
.fa-quote-left:before { content: "\f115"; } |
|
|
|
|
.fa-reply:before { content: "\f116"; } |
|
|
|
|
.fa-rss:before { content: "\f117"; } |
|
|
|
|
.fa-search:before { content: "\f118"; } |
|
|
|
|
.fa-share-alt:before { content: "\f119"; } |
|
|
|
|
.fa-sign-in:before { content: "\f11a"; } |
|
|
|
|
.fa-sign-out:before { content: "\f11b"; } |
|
|
|
|
.fa-sliders:before { content: "\f11c"; } |
|
|
|
|
.fa-sort:before { content: "\f11d"; } |
|
|
|
|
.fa-sort-asc:before { content: "\f11e"; } |
|
|
|
|
.fa-sort-desc:before { content: "\f11f"; } |
|
|
|
|
.fa-star:before { content: "\f120"; } |
|
|
|
|
.fa-star-o:before { content: "\f121"; } |
|
|
|
|
.fa-table:before { content: "\f122"; } |
|
|
|
|
.fa-times:before { content: "\f123"; } |
|
|
|
|
.fa-trash:before { content: "\f124"; } |
|
|
|
|
.fa-trash-o:before { content: "\f125"; } |
|
|
|
|
.fa-user-circle-o:before { content: "\f126"; } |
|
|
|
|
.fa-user-plus:before { content: "\f127"; } |
|
|
|
|
.fa-wrench:before { content: "\f128"; } |
|
|
|
|
.fa-at:before { content: "\f100"; } |
|
|
|
|
.fa-bell:before { content: "\f101"; } |
|
|
|
|
.fa-bell-o:before { content: "\f102"; } |
|
|
|
|
.fa-calendar:before { content: "\f103"; } |
|
|
|
|
.fa-check:before { content: "\f104"; } |
|
|
|
|
.fa-clock-o:before { content: "\f105"; } |
|
|
|
|
.fa-cloud-upload:before { content: "\f106"; } |
|
|
|
|
.fa-code-fork:before { content: "\f107"; } |
|
|
|
|
.fa-download:before { content: "\f108"; } |
|
|
|
|
.fa-eye:before { content: "\f109"; } |
|
|
|
|
.fa-eye-slash:before { content: "\f10a"; } |
|
|
|
|
.fa-facebook-square:before { content: "\f10b"; } |
|
|
|
|
.fa-filter:before { content: "\f10c"; } |
|
|
|
|
.fa-flag:before { content: "\f10d"; } |
|
|
|
|
.fa-floppy-o:before { content: "\f10e"; } |
|
|
|
|
.fa-gavel:before { content: "\f10f"; } |
|
|
|
|
.fa-github:before { content: "\f110"; } |
|
|
|
|
.fa-globe:before { content: "\f111"; } |
|
|
|
|
.fa-google:before { content: "\f112"; } |
|
|
|
|
.fa-history:before { content: "\f113"; } |
|
|
|
|
.fa-key-modern:before { content: "\f114"; } |
|
|
|
|
.fa-link:before { content: "\f115"; } |
|
|
|
|
.fa-pencil-square-o:before { content: "\f116"; } |
|
|
|
|
.fa-question-circle:before { content: "\f117"; } |
|
|
|
|
.fa-quote-left:before { content: "\f118"; } |
|
|
|
|
.fa-reply:before { content: "\f119"; } |
|
|
|
|
.fa-rss:before { content: "\f11a"; } |
|
|
|
|
.fa-search:before { content: "\f11b"; } |
|
|
|
|
.fa-share-alt:before { content: "\f11c"; } |
|
|
|
|
.fa-sign-in:before { content: "\f11d"; } |
|
|
|
|
.fa-sign-out:before { content: "\f11e"; } |
|
|
|
|
.fa-sliders:before { content: "\f11f"; } |
|
|
|
|
.fa-sort:before { content: "\f120"; } |
|
|
|
|
.fa-sort-asc:before { content: "\f121"; } |
|
|
|
|
.fa-sort-desc:before { content: "\f122"; } |
|
|
|
|
.fa-star:before { content: "\f123"; } |
|
|
|
|
.fa-star-o:before { content: "\f124"; } |
|
|
|
|
.fa-table:before { content: "\f125"; } |
|
|
|
|
.fa-times:before { content: "\f126"; } |
|
|
|
|
.fa-trash:before { content: "\f127"; } |
|
|
|
|
.fa-trash-o:before { content: "\f128"; } |
|
|
|
|
.fa-user-circle-o:before { content: "\f129"; } |
|
|
|
|
.fa-user-plus:before { content: "\f12a"; } |
|
|
|
|
.fa-wrench:before { content: "\f12b"; } |
|
|
|
|
</style> |
|
|
|
|
|
|
|
|
|
<!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> |
|
|
|
@ -272,11 +278,24 @@
|
|
|
|
|
<body class="characters-off"> |
|
|
|
|
<div id="page" class="container"> |
|
|
|
|
<header> |
|
|
|
|
<h1>fa-dtbl-1 contains 41 glyphs:</h1> |
|
|
|
|
<h1>fa-dtbl-1 contains 44 glyphs:</h1> |
|
|
|
|
<a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a> |
|
|
|
|
</header> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="glyph"> |
|
|
|
|
<div class="preview-glyphs"> |
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span> |
|
|
|
|
</div> |
|
|
|
|
<div class="preview-scale"> |
|
|
|
|
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-at" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf100;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="glyph"> |
|
|
|
|
<div class="preview-glyphs"> |
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span> |
|
|
|
@ -286,7 +305,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-bell" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf100;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf101;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -299,7 +318,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-bell-o" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf101;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf102;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -312,7 +331,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-calendar" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf102;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf103;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -325,7 +344,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-check" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf103;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf104;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -338,7 +357,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-clock-o" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf104;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf105;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -351,7 +370,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-cloud-upload" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf105;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf106;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -364,7 +383,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-code-fork" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf106;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf107;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -377,7 +396,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-download" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf107;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf108;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -390,7 +409,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-eye" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf108;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf109;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -403,7 +422,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-eye-slash" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf109;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10a;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -416,7 +435,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-facebook-square" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10a;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10b;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -429,7 +448,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-filter" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10b;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10c;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -442,7 +461,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-flag" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10c;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10d;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -456,7 +475,7 @@
|
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-floppy-o" /> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-save" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10d;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10e;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -470,7 +489,7 @@
|
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-gavel" /> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-legal" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10e;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10f;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -483,7 +502,20 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-github" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10f;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf110;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="glyph"> |
|
|
|
|
<div class="preview-glyphs"> |
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-globe" class="fa-globe"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-globe" class="fa-globe"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-globe" class="fa-globe"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-globe" class="fa-globe"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-globe" class="fa-globe"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-globe" class="fa-globe"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-globe" class="fa-globe"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-globe" class="fa-globe"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-globe" class="fa-globe"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-globe" class="fa-globe"></i></span> |
|
|
|
|
</div> |
|
|
|
|
<div class="preview-scale"> |
|
|
|
|
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-globe" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf111;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -496,7 +528,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-google" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf110;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf112;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -509,7 +541,20 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-history" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf111;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf113;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="glyph"> |
|
|
|
|
<div class="preview-glyphs"> |
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-key-modern" class="fa-key-modern"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-key-modern" class="fa-key-modern"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-key-modern" class="fa-key-modern"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-key-modern" class="fa-key-modern"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-key-modern" class="fa-key-modern"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-key-modern" class="fa-key-modern"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-key-modern" class="fa-key-modern"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-key-modern" class="fa-key-modern"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-key-modern" class="fa-key-modern"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-key-modern" class="fa-key-modern"></i></span> |
|
|
|
|
</div> |
|
|
|
|
<div class="preview-scale"> |
|
|
|
|
<span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span> |
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-key-modern" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf114;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -522,7 +567,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-link" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf112;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf115;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -536,7 +581,7 @@
|
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-pencil-square-o" /> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-edit" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf113;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf116;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -549,7 +594,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-question-circle" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf114;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf117;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -562,7 +607,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-quote-left" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf115;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf118;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -575,7 +620,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-reply" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf116;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf119;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -588,7 +633,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-rss" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf117;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11a;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -601,7 +646,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-search" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf118;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11b;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -614,7 +659,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-share-alt" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf119;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11c;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -627,7 +672,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-sign-in" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11a;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11d;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -640,7 +685,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-sign-out" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11b;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11e;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -653,7 +698,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-sliders" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11c;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11f;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -666,7 +711,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-sort" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11d;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf120;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -679,7 +724,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-sort-asc" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11e;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf121;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -692,7 +737,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-sort-desc" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11f;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf122;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -705,7 +750,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-star" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf120;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf123;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -718,7 +763,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-star-o" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf121;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf124;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -731,7 +776,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-table" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf122;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf125;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -745,7 +790,7 @@
|
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-times" /> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-close" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf123;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf126;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -758,7 +803,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-trash" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf124;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf127;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -771,7 +816,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-trash-o" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf125;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf128;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -784,7 +829,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-user-circle-o" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf126;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf129;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -797,7 +842,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-user-plus" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf127;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf12a;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
@ -810,7 +855,7 @@
|
|
|
|
|
</div> |
|
|
|
|
<div class="usage"> |
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-wrench" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf128;" /> |
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf12b;" /> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|