@ -175,9 +175,11 @@
.fa-google:before,
.fa-history:before,
.fa-home:before,
.fa-hourglass:before,
.fa-inbox:before,
.fa-key-modern:before,
.fa-link:before,
.fa-moon-o:before,
.fa-pencil:before,
.fa-plus:before,
.fa-question-circle:before,
@ -185,9 +187,12 @@
.fa-sign-out:before,
.fa-star:before,
.fa-star-o:before,
.fa-sun-o:before,
.fa-table:before,
.fa-th-list:before,
.fa-times:before,
.fa-trash-o:before,
.fa-undo:before,
.fa-user:before,
.fa-user-circle-o:before,
.fa-user-plus:before,
@ -221,24 +226,29 @@
.fa-google:before { content: "\f10b"; }
.fa-history:before { content: "\f10c"; }
.fa-home:before { content: "\f10d"; }
.fa-inbox:before { content: "\f10e"; }
.fa-key-modern:before { content: "\f10f"; }
.fa-link:before { content: "\f110"; }
.fa-pencil:before { content: "\f111"; }
.fa-plus:before { content: "\f112"; }
.fa-question-circle:before { content: "\f113"; }
.fa-sign-in:before { content: "\f114"; }
.fa-sign-out:before { content: "\f115"; }
.fa-star:before { content: "\f116"; }
.fa-star-o:before { content: "\f117"; }
.fa-table:before { content: "\f118"; }
.fa-th-list:before { content: "\f119"; }
.fa-trash-o:before { content: "\f11a"; }
.fa-user:before { content: "\f11b"; }
.fa-user-circle-o:before { content: "\f11c"; }
.fa-user-plus:before { content: "\f11d"; }
.fa-users:before { content: "\f11e"; }
.fa-wrench:before { content: "\f11f"; }
.fa-hourglass:before { content: "\f10e"; }
.fa-inbox:before { content: "\f10f"; }
.fa-key-modern:before { content: "\f110"; }
.fa-link:before { content: "\f111"; }
.fa-moon-o:before { content: "\f112"; }
.fa-pencil:before { content: "\f113"; }
.fa-plus:before { content: "\f114"; }
.fa-question-circle:before { content: "\f115"; }
.fa-sign-in:before { content: "\f116"; }
.fa-sign-out:before { content: "\f117"; }
.fa-star:before { content: "\f118"; }
.fa-star-o:before { content: "\f119"; }
.fa-sun-o:before { content: "\f11a"; }
.fa-table:before { content: "\f11b"; }
.fa-th-list:before { content: "\f11c"; }
.fa-times:before { content: "\f11d"; }
.fa-trash-o:before { content: "\f11e"; }
.fa-undo:before { content: "\f11f"; }
.fa-user:before { content: "\f120"; }
.fa-user-circle-o:before { content: "\f121"; }
.fa-user-plus:before { content: "\f122"; }
.fa-users:before { content: "\f123"; }
.fa-wrench:before { content: "\f124"; }
< / style >
<!-- [if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif] -->
@ -254,7 +264,7 @@
< body class = "characters-off" >
< div id = "page" class = "container" >
< header >
< h1 > fa-dtbl-1 contains 32 glyphs:< / h1 >
< h1 > fa-dtbl-1 contains 37 glyphs:< / h1 >
< a onclick = "toggleCharacters(); return false;" href = "#" > Toggle Preview Characters< / a >
< / header >
@ -444,6 +454,19 @@
< / div >
< / div >
< div class = "glyph" >
< div class = "preview-glyphs" >
< span class = "step size-12" > < span class = "letters" > Pp< / span > < i id = "fa-hourglass" class = "fa-hourglass" > < / i > < / span > < span class = "step size-14" > < span class = "letters" > Pp< / span > < i id = "fa-hourglass" class = "fa-hourglass" > < / i > < / span > < span class = "step size-16" > < span class = "letters" > Pp< / span > < i id = "fa-hourglass" class = "fa-hourglass" > < / i > < / span > < span class = "step size-18" > < span class = "letters" > Pp< / span > < i id = "fa-hourglass" class = "fa-hourglass" > < / i > < / span > < span class = "step size-21" > < span class = "letters" > Pp< / span > < i id = "fa-hourglass" class = "fa-hourglass" > < / i > < / span > < span class = "step size-24" > < span class = "letters" > Pp< / span > < i id = "fa-hourglass" class = "fa-hourglass" > < / i > < / span > < span class = "step size-36" > < span class = "letters" > Pp< / span > < i id = "fa-hourglass" class = "fa-hourglass" > < / i > < / span > < span class = "step size-48" > < span class = "letters" > Pp< / span > < i id = "fa-hourglass" class = "fa-hourglass" > < / i > < / span > < span class = "step size-60" > < span class = "letters" > Pp< / span > < i id = "fa-hourglass" class = "fa-hourglass" > < / i > < / span > < span class = "step size-72" > < span class = "letters" > Pp< / span > < i id = "fa-hourglass" class = "fa-hourglass" > < / 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-hourglass" / >
< 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-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 >
@ -453,7 +476,7 @@
< / 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 = "&#xf10e ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf10f ;" / >
< / div >
< / div >
@ -466,7 +489,7 @@
< / 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 = "&#xf10f ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf11 0;" / >
< / div >
< / div >
@ -479,7 +502,20 @@
< / 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 = "&#xf110;" / >
< 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-moon-o" class = "fa-moon-o" > < / i > < / span > < span class = "step size-14" > < span class = "letters" > Pp< / span > < i id = "fa-moon-o" class = "fa-moon-o" > < / i > < / span > < span class = "step size-16" > < span class = "letters" > Pp< / span > < i id = "fa-moon-o" class = "fa-moon-o" > < / i > < / span > < span class = "step size-18" > < span class = "letters" > Pp< / span > < i id = "fa-moon-o" class = "fa-moon-o" > < / i > < / span > < span class = "step size-21" > < span class = "letters" > Pp< / span > < i id = "fa-moon-o" class = "fa-moon-o" > < / i > < / span > < span class = "step size-24" > < span class = "letters" > Pp< / span > < i id = "fa-moon-o" class = "fa-moon-o" > < / i > < / span > < span class = "step size-36" > < span class = "letters" > Pp< / span > < i id = "fa-moon-o" class = "fa-moon-o" > < / i > < / span > < span class = "step size-48" > < span class = "letters" > Pp< / span > < i id = "fa-moon-o" class = "fa-moon-o" > < / i > < / span > < span class = "step size-60" > < span class = "letters" > Pp< / span > < i id = "fa-moon-o" class = "fa-moon-o" > < / i > < / span > < span class = "step size-72" > < span class = "letters" > Pp< / span > < i id = "fa-moon-o" class = "fa-moon-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-moon-o" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf112;" / >
< / div >
< / div >
@ -492,7 +528,7 @@
< / 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 = "&#xf111 ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf113 ;" / >
< / div >
< / div >
@ -505,7 +541,7 @@
< / div >
< div class = "usage" >
< input class = "class" type = "text" readonly = "readonly" onClick = "this.select();" value = ".fa-plus" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf112 ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf114 ;" / >
< / div >
< / div >
@ -518,7 +554,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 = "&#xf113 ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf115 ;" / >
< / div >
< / div >
@ -531,7 +567,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 = "&#xf114 ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf116 ;" / >
< / div >
< / div >
@ -544,7 +580,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 = "&#xf115 ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf117 ;" / >
< / div >
< / div >
@ -557,7 +593,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 = "&#xf116 ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf118 ;" / >
< / div >
< / div >
@ -570,7 +606,20 @@
< / 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 = "&#xf117;" / >
< 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-sun-o" class = "fa-sun-o" > < / i > < / span > < span class = "step size-14" > < span class = "letters" > Pp< / span > < i id = "fa-sun-o" class = "fa-sun-o" > < / i > < / span > < span class = "step size-16" > < span class = "letters" > Pp< / span > < i id = "fa-sun-o" class = "fa-sun-o" > < / i > < / span > < span class = "step size-18" > < span class = "letters" > Pp< / span > < i id = "fa-sun-o" class = "fa-sun-o" > < / i > < / span > < span class = "step size-21" > < span class = "letters" > Pp< / span > < i id = "fa-sun-o" class = "fa-sun-o" > < / i > < / span > < span class = "step size-24" > < span class = "letters" > Pp< / span > < i id = "fa-sun-o" class = "fa-sun-o" > < / i > < / span > < span class = "step size-36" > < span class = "letters" > Pp< / span > < i id = "fa-sun-o" class = "fa-sun-o" > < / i > < / span > < span class = "step size-48" > < span class = "letters" > Pp< / span > < i id = "fa-sun-o" class = "fa-sun-o" > < / i > < / span > < span class = "step size-60" > < span class = "letters" > Pp< / span > < i id = "fa-sun-o" class = "fa-sun-o" > < / i > < / span > < span class = "step size-72" > < span class = "letters" > Pp< / span > < i id = "fa-sun-o" class = "fa-sun-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-sun-o" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf11a;" / >
< / div >
< / div >
@ -583,7 +632,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 = "&#xf118 ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf11b ;" / >
< / div >
< / div >
@ -596,7 +645,21 @@
< / 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 = "&#xf119;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf11c;" / >
< / div >
< / div >
< div class = "glyph" >
< div class = "preview-glyphs" >
< span class = "step size-12" > < span class = "letters" > Pp< / span > < i id = "fa-times" class = "fa-times" > < / i > < / span > < span class = "step size-14" > < span class = "letters" > Pp< / span > < i id = "fa-times" class = "fa-times" > < / i > < / span > < span class = "step size-16" > < span class = "letters" > Pp< / span > < i id = "fa-times" class = "fa-times" > < / i > < / span > < span class = "step size-18" > < span class = "letters" > Pp< / span > < i id = "fa-times" class = "fa-times" > < / i > < / span > < span class = "step size-21" > < span class = "letters" > Pp< / span > < i id = "fa-times" class = "fa-times" > < / i > < / span > < span class = "step size-24" > < span class = "letters" > Pp< / span > < i id = "fa-times" class = "fa-times" > < / i > < / span > < span class = "step size-36" > < span class = "letters" > Pp< / span > < i id = "fa-times" class = "fa-times" > < / i > < / span > < span class = "step size-48" > < span class = "letters" > Pp< / span > < i id = "fa-times" class = "fa-times" > < / i > < / span > < span class = "step size-60" > < span class = "letters" > Pp< / span > < i id = "fa-times" class = "fa-times" > < / i > < / span > < span class = "step size-72" > < span class = "letters" > Pp< / span > < i id = "fa-times" class = "fa-times" > < / 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-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 = "&#xf11d;" / >
< / div >
< / div >
@ -609,7 +672,20 @@
< / 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 = "&#xf11a;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf11e;" / >
< / div >
< / div >
< div class = "glyph" >
< div class = "preview-glyphs" >
< span class = "step size-12" > < span class = "letters" > Pp< / span > < i id = "fa-undo" class = "fa-undo" > < / i > < / span > < span class = "step size-14" > < span class = "letters" > Pp< / span > < i id = "fa-undo" class = "fa-undo" > < / i > < / span > < span class = "step size-16" > < span class = "letters" > Pp< / span > < i id = "fa-undo" class = "fa-undo" > < / i > < / span > < span class = "step size-18" > < span class = "letters" > Pp< / span > < i id = "fa-undo" class = "fa-undo" > < / i > < / span > < span class = "step size-21" > < span class = "letters" > Pp< / span > < i id = "fa-undo" class = "fa-undo" > < / i > < / span > < span class = "step size-24" > < span class = "letters" > Pp< / span > < i id = "fa-undo" class = "fa-undo" > < / i > < / span > < span class = "step size-36" > < span class = "letters" > Pp< / span > < i id = "fa-undo" class = "fa-undo" > < / i > < / span > < span class = "step size-48" > < span class = "letters" > Pp< / span > < i id = "fa-undo" class = "fa-undo" > < / i > < / span > < span class = "step size-60" > < span class = "letters" > Pp< / span > < i id = "fa-undo" class = "fa-undo" > < / i > < / span > < span class = "step size-72" > < span class = "letters" > Pp< / span > < i id = "fa-undo" class = "fa-undo" > < / 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-undo" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf11f;" / >
< / div >
< / div >
@ -622,7 +698,7 @@
< / 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 = "&#xf11b ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf120 ;" / >
< / div >
< / div >
@ -635,7 +711,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 = "&#xf11c ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf12 1;" / >
< / div >
< / div >
@ -648,7 +724,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 = "&#xf11d ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf122 ;" / >
< / div >
< / div >
@ -661,7 +737,7 @@
< / 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 = "&#xf11e ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf123 ;" / >
< / div >
< / div >
@ -674,7 +750,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 = "&#xf11f ;" / >
< input class = "point" type = "text" readonly = "readonly" onClick = "this.select();" value = "&#xf124 ;" / >
< / div >
< / div >