|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>fa-dtbl-1 glyphs preview</title>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
/* Page Styles */
|
|
|
|
|
|
|
|
|
|
* {
|
|
|
|
|
-moz-box-sizing: border-box;
|
|
|
|
|
-webkit-box-sizing: border-box;
|
|
|
|
|
box-sizing: border-box;
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
background: #fff;
|
|
|
|
|
color: #444;
|
|
|
|
|
font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a,
|
|
|
|
|
a:visited {
|
|
|
|
|
color: #888;
|
|
|
|
|
text-decoration: underline;
|
|
|
|
|
}
|
|
|
|
|
a:hover,
|
|
|
|
|
a:focus { color: #000; }
|
|
|
|
|
|
|
|
|
|
header {
|
|
|
|
|
border-bottom: 2px solid #ddd;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
padding: 20px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
header h1 {
|
|
|
|
|
color: #888;
|
|
|
|
|
float: left;
|
|
|
|
|
font-size: 36px;
|
|
|
|
|
font-weight: 300;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
header a {
|
|
|
|
|
float: right;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.container {
|
|
|
|
|
margin: 0 auto;
|
|
|
|
|
max-width: 1200px;
|
|
|
|
|
min-width: 960px;
|
|
|
|
|
padding: 0 40px;
|
|
|
|
|
width: 90%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.glyph {
|
|
|
|
|
border-bottom: 1px dotted #ccc;
|
|
|
|
|
padding: 10px 0 20px;
|
|
|
|
|
margin-bottom: 20px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.preview-glyphs { vertical-align: bottom; }
|
|
|
|
|
|
|
|
|
|
.preview-scale {
|
|
|
|
|
color: #888;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
margin-top: 5px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.step {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
position: relative;
|
|
|
|
|
width: 10%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.step .letters,
|
|
|
|
|
.step i {
|
|
|
|
|
-webkit-transition: opacity .3s;
|
|
|
|
|
-moz-transition: opacity .3s;
|
|
|
|
|
-ms-transition: opacity .3s;
|
|
|
|
|
-o-transition: opacity .3s;
|
|
|
|
|
transition: opacity .3s;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.step:hover .letters { opacity: 1; }
|
|
|
|
|
.step:hover i { opacity: .3; }
|
|
|
|
|
|
|
|
|
|
.letters {
|
|
|
|
|
opacity: .3;
|
|
|
|
|
position: absolute;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.characters-off .letters { display: none; }
|
|
|
|
|
.characters-off .step:hover i { opacity: 1; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.size-12 { font-size: 12px; }
|
|
|
|
|
|
|
|
|
|
.size-14 { font-size: 14px; }
|
|
|
|
|
|
|
|
|
|
.size-16 { font-size: 16px; }
|
|
|
|
|
|
|
|
|
|
.size-18 { font-size: 18px; }
|
|
|
|
|
|
|
|
|
|
.size-21 { font-size: 21px; }
|
|
|
|
|
|
|
|
|
|
.size-24 { font-size: 24px; }
|
|
|
|
|
|
|
|
|
|
.size-36 { font-size: 36px; }
|
|
|
|
|
|
|
|
|
|
.size-48 { font-size: 48px; }
|
|
|
|
|
|
|
|
|
|
.size-60 { font-size: 60px; }
|
|
|
|
|
|
|
|
|
|
.size-72 { font-size: 72px; }
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.usage { margin-top: 10px; }
|
|
|
|
|
|
|
|
|
|
.usage input {
|
|
|
|
|
font-family: monospace;
|
|
|
|
|
margin-right: 3px;
|
|
|
|
|
padding: 2px 5px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.usage .point { width: 150px; }
|
|
|
|
|
|
|
|
|
|
.usage .class { width: 250px; }
|
|
|
|
|
|
|
|
|
|
footer {
|
|
|
|
|
color: #888;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
padding: 20px 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Icon Font: fa-dtbl-1 */
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "fa-dtbl-1";
|
|
|
|
|
src: url("./fa-dtbl-1.eot");
|
|
|
|
|
src: url("./fa-dtbl-1.eot?#iefix") format("embedded-opentype"),
|
|
|
|
|
url("./fa-dtbl-1.woff2") format("woff2"),
|
|
|
|
|
url("./fa-dtbl-1.woff") format("woff"),
|
|
|
|
|
url("./fa-dtbl-1.ttf") format("truetype"),
|
|
|
|
|
url("./fa-dtbl-1.svg#fa-dtbl-1") format("svg");
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-style: normal;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
|
|
|
@font-face {
|
|
|
|
|
font-family: "fa-dtbl-1";
|
|
|
|
|
src: url("./fa-dtbl-1.svg#fa-dtbl-1") format("svg");
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
[data-icon]:before { content: attr(data-icon); }
|
|
|
|
|
|
|
|
|
|
[data-icon]:before,
|
|
|
|
|
.fa-address-card-o:before,
|
|
|
|
|
.fa-calendar:before,
|
|
|
|
|
.fa-code-fork:before,
|
|
|
|
|
.fa-comment:before,
|
|
|
|
|
.fa-download:before,
|
|
|
|
|
.fa-eye:before,
|
|
|
|
|
.fa-facebook-square:before,
|
|
|
|
|
.fa-floppy-o:before,
|
|
|
|
|
.fa-github:before,
|
|
|
|
|
.fa-globe:before,
|
|
|
|
|
.fa-google:before,
|
|
|
|
|
.fa-history:before,
|
|
|
|
|
.fa-home:before,
|
|
|
|
|
.fa-inbox:before,
|
|
|
|
|
.fa-key-modern:before,
|
|
|
|
|
.fa-link:before,
|
|
|
|
|
.fa-pencil:before,
|
|
|
|
|
.fa-question-circle:before,
|
|
|
|
|
.fa-sign-in:before,
|
|
|
|
|
.fa-sign-out:before,
|
|
|
|
|
.fa-star:before,
|
|
|
|
|
.fa-star-o:before,
|
|
|
|
|
.fa-table:before,
|
|
|
|
|
.fa-th-list:before,
|
|
|
|
|
.fa-user:before,
|
|
|
|
|
.fa-user-circle-o:before,
|
|
|
|
|
.fa-user-plus:before,
|
|
|
|
|
.fa-users:before,
|
|
|
|
|
.fa-wrench:before {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
font-family: "fa-dtbl-1";
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: normal;
|
|
|
|
|
font-variant: normal;
|
|
|
|
|
line-height: 1;
|
|
|
|
|
text-decoration: inherit;
|
|
|
|
|
text-rendering: optimizeLegibility;
|
|
|
|
|
text-transform: none;
|
|
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
|
|
font-smoothing: antialiased;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.fa-address-card-o:before { content: "\f100"; }
|
|
|
|
|
.fa-calendar:before { content: "\f101"; }
|
|
|
|
|
.fa-code-fork:before { content: "\f102"; }
|
|
|
|
|
.fa-comment:before { content: "\f103"; }
|
|
|
|
|
.fa-download:before { content: "\f104"; }
|
|
|
|
|
.fa-eye:before { content: "\f105"; }
|
|
|
|
|
.fa-facebook-square:before { content: "\f106"; }
|
|
|
|
|
.fa-floppy-o:before { content: "\f107"; }
|
|
|
|
|
.fa-github:before { content: "\f108"; }
|
|
|
|
|
.fa-globe:before { content: "\f109"; }
|
|
|
|
|
.fa-google:before { content: "\f10a"; }
|
|
|
|
|
.fa-history:before { content: "\f10b"; }
|
|
|
|
|
.fa-home:before { content: "\f10c"; }
|
|
|
|
|
.fa-inbox:before { content: "\f10d"; }
|
|
|
|
|
.fa-key-modern:before { content: "\f10e"; }
|
|
|
|
|
.fa-link:before { content: "\f10f"; }
|
|
|
|
|
.fa-pencil:before { content: "\f110"; }
|
|
|
|
|
.fa-question-circle:before { content: "\f111"; }
|
|
|
|
|
.fa-sign-in:before { content: "\f112"; }
|
|
|
|
|
.fa-sign-out:before { content: "\f113"; }
|
|
|
|
|
.fa-star:before { content: "\f114"; }
|
|
|
|
|
.fa-star-o:before { content: "\f115"; }
|
|
|
|
|
.fa-table:before { content: "\f116"; }
|
|
|
|
|
.fa-th-list:before { content: "\f117"; }
|
|
|
|
|
.fa-user:before { content: "\f118"; }
|
|
|
|
|
.fa-user-circle-o:before { content: "\f119"; }
|
|
|
|
|
.fa-user-plus:before { content: "\f11a"; }
|
|
|
|
|
.fa-users:before { content: "\f11b"; }
|
|
|
|
|
.fa-wrench:before { content: "\f11c"; }
|
|
|
|
|
</style>
|
|
|
|
|
|
|
|
|
|
<!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
|
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
function toggleCharacters() {
|
|
|
|
|
var body = document.getElementsByTagName('body')[0];
|
|
|
|
|
body.className = body.className === 'characters-off' ? '' : 'characters-off';
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body class="characters-off">
|
|
|
|
|
<div id="page" class="container">
|
|
|
|
|
<header>
|
|
|
|
|
<h1>fa-dtbl-1 contains 29 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-address-card-o" class="fa-address-card-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-address-card-o" class="fa-address-card-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-address-card-o" class="fa-address-card-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-address-card-o" class="fa-address-card-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-address-card-o" class="fa-address-card-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-address-card-o" class="fa-address-card-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-address-card-o" class="fa-address-card-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-address-card-o" class="fa-address-card-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-address-card-o" class="fa-address-card-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-address-card-o" class="fa-address-card-o"></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-address-card-o" />
|
|
|
|
|
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-vcard-o" />
|
|
|
|
|
<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-calendar" class="fa-calendar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></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-calendar" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf101;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-code-fork" class="fa-code-fork"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-code-fork" class="fa-code-fork"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-code-fork" class="fa-code-fork"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-code-fork" class="fa-code-fork"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-code-fork" class="fa-code-fork"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-code-fork" class="fa-code-fork"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-code-fork" class="fa-code-fork"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-code-fork" class="fa-code-fork"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-code-fork" class="fa-code-fork"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-code-fork" class="fa-code-fork"></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-code-fork" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf102;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-comment" class="fa-comment"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-comment" class="fa-comment"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-comment" class="fa-comment"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-comment" class="fa-comment"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-comment" class="fa-comment"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-comment" class="fa-comment"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-comment" class="fa-comment"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-comment" class="fa-comment"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-comment" class="fa-comment"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-comment" class="fa-comment"></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-comment" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf103;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></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-download" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf104;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-eye" class="fa-eye"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-eye" class="fa-eye"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-eye" class="fa-eye"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-eye" class="fa-eye"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-eye" class="fa-eye"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-eye" class="fa-eye"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-eye" class="fa-eye"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-eye" class="fa-eye"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-eye" class="fa-eye"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-eye" class="fa-eye"></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-eye" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf105;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-facebook-square" class="fa-facebook-square"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-facebook-square" class="fa-facebook-square"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-facebook-square" class="fa-facebook-square"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-facebook-square" class="fa-facebook-square"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-facebook-square" class="fa-facebook-square"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-facebook-square" class="fa-facebook-square"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-facebook-square" class="fa-facebook-square"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-facebook-square" class="fa-facebook-square"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-facebook-square" class="fa-facebook-square"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-facebook-square" class="fa-facebook-square"></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-facebook-square" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf106;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-floppy-o" class="fa-floppy-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-floppy-o" class="fa-floppy-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-floppy-o" class="fa-floppy-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-floppy-o" class="fa-floppy-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-floppy-o" class="fa-floppy-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-floppy-o" class="fa-floppy-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-floppy-o" class="fa-floppy-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-floppy-o" class="fa-floppy-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-floppy-o" class="fa-floppy-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-floppy-o" class="fa-floppy-o"></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-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="&#xf107;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-github" class="fa-github"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-github" class="fa-github"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-github" class="fa-github"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-github" class="fa-github"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-github" class="fa-github"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-github" class="fa-github"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-github" class="fa-github"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-github" class="fa-github"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-github" class="fa-github"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-github" class="fa-github"></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-github" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf108;" />
|
|
|
|
|
</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="&#xf109;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-google" class="fa-google"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-google" class="fa-google"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-google" class="fa-google"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-google" class="fa-google"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-google" class="fa-google"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-google" class="fa-google"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-google" class="fa-google"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-google" class="fa-google"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-google" class="fa-google"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-google" class="fa-google"></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-google" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10a;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-history" class="fa-history"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-history" class="fa-history"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-history" class="fa-history"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-history" class="fa-history"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-history" class="fa-history"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-history" class="fa-history"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-history" class="fa-history"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-history" class="fa-history"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-history" class="fa-history"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-history" class="fa-history"></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-history" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10b;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-home" class="fa-home"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-home" class="fa-home"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-home" class="fa-home"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-home" class="fa-home"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-home" class="fa-home"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-home" class="fa-home"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-home" class="fa-home"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-home" class="fa-home"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-home" class="fa-home"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-home" class="fa-home"></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-home" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10c;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-inbox" class="fa-inbox"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-inbox" class="fa-inbox"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-inbox" class="fa-inbox"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-inbox" class="fa-inbox"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-inbox" class="fa-inbox"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-inbox" class="fa-inbox"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-inbox" class="fa-inbox"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-inbox" class="fa-inbox"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-inbox" class="fa-inbox"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-inbox" class="fa-inbox"></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-inbox" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10d;" />
|
|
|
|
|
</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="&#xf10e;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-link" class="fa-link"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-link" class="fa-link"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-link" class="fa-link"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-link" class="fa-link"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-link" class="fa-link"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-link" class="fa-link"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-link" class="fa-link"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-link" class="fa-link"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-link" class="fa-link"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-link" class="fa-link"></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-link" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf10f;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-pencil" class="fa-pencil"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-pencil" class="fa-pencil"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-pencil" class="fa-pencil"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-pencil" class="fa-pencil"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-pencil" class="fa-pencil"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-pencil" class="fa-pencil"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-pencil" class="fa-pencil"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-pencil" class="fa-pencil"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-pencil" class="fa-pencil"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-pencil" class="fa-pencil"></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-pencil" />
|
|
|
|
|
<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-question-circle" class="fa-question-circle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-question-circle" class="fa-question-circle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-question-circle" class="fa-question-circle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-question-circle" class="fa-question-circle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-question-circle" class="fa-question-circle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-question-circle" class="fa-question-circle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-question-circle" class="fa-question-circle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-question-circle" class="fa-question-circle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-question-circle" class="fa-question-circle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-question-circle" class="fa-question-circle"></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-question-circle" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf111;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-sign-in" class="fa-sign-in"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-sign-in" class="fa-sign-in"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-sign-in" class="fa-sign-in"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-sign-in" class="fa-sign-in"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-sign-in" class="fa-sign-in"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-sign-in" class="fa-sign-in"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-sign-in" class="fa-sign-in"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-sign-in" class="fa-sign-in"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-sign-in" class="fa-sign-in"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-sign-in" class="fa-sign-in"></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-sign-in" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf112;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-sign-out" class="fa-sign-out"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-sign-out" class="fa-sign-out"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-sign-out" class="fa-sign-out"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-sign-out" class="fa-sign-out"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-sign-out" class="fa-sign-out"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-sign-out" class="fa-sign-out"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-sign-out" class="fa-sign-out"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-sign-out" class="fa-sign-out"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-sign-out" class="fa-sign-out"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-sign-out" class="fa-sign-out"></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-sign-out" />
|
|
|
|
|
<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-star" class="fa-star"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-star" class="fa-star"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-star" class="fa-star"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-star" class="fa-star"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-star" class="fa-star"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-star" class="fa-star"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-star" class="fa-star"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-star" class="fa-star"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-star" class="fa-star"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-star" class="fa-star"></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-star" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf114;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-star-o" class="fa-star-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-star-o" class="fa-star-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-star-o" class="fa-star-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-star-o" class="fa-star-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-star-o" class="fa-star-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-star-o" class="fa-star-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-star-o" class="fa-star-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-star-o" class="fa-star-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-star-o" class="fa-star-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-star-o" class="fa-star-o"></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-star-o" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf115;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-table" class="fa-table"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-table" class="fa-table"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-table" class="fa-table"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-table" class="fa-table"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-table" class="fa-table"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-table" class="fa-table"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-table" class="fa-table"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-table" class="fa-table"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-table" class="fa-table"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-table" class="fa-table"></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-table" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf116;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-th-list" class="fa-th-list"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-th-list" class="fa-th-list"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-th-list" class="fa-th-list"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-th-list" class="fa-th-list"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-th-list" class="fa-th-list"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-th-list" class="fa-th-list"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-th-list" class="fa-th-list"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-th-list" class="fa-th-list"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-th-list" class="fa-th-list"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-th-list" class="fa-th-list"></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-th-list" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf117;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-user" class="fa-user"></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-user" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf118;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-user-circle-o" class="fa-user-circle-o"></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-user-circle-o" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf119;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-user-plus" class="fa-user-plus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-user-plus" class="fa-user-plus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-user-plus" class="fa-user-plus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-user-plus" class="fa-user-plus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-user-plus" class="fa-user-plus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-user-plus" class="fa-user-plus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-user-plus" class="fa-user-plus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-user-plus" class="fa-user-plus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-user-plus" class="fa-user-plus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-user-plus" class="fa-user-plus"></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-user-plus" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11a;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></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-users" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11b;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="glyph">
|
|
|
|
|
<div class="preview-glyphs">
|
|
|
|
|
<span class="step size-12"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></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-wrench" />
|
|
|
|
|
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11c;" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<footer>
|
|
|
|
|
Made with love using <a href="http://fontcustom.com">Font Custom</a>.
|
|
|
|
|
</footer>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
