--- /dev/null
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>traffico 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: traffico */
+
+ @font-face {
+ font-family: "traffico";
+ src: url("./traffico_d596ae6150aa5c55ac14b1e060efc523.eot");
+ src: url("./traffico_d596ae6150aa5c55ac14b1e060efc523.eot?#iefix") format("embedded-opentype"),
+ url("./traffico_d596ae6150aa5c55ac14b1e060efc523.woff") format("woff"),
+ url("./traffico_d596ae6150aa5c55ac14b1e060efc523.ttf") format("truetype"),
+ url("./traffico_d596ae6150aa5c55ac14b1e060efc523.svg#traffico") format("svg");
+ font-weight: normal;
+ font-style: normal;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+ @font-face {
+ font-family: "traffico";
+ src: url("./traffico_d596ae6150aa5c55ac14b1e060efc523.svg#traffico") format("svg");
+ }
+}
+
+ [data-icon]:before { content: attr(data-icon); }
+
+ [data-icon]:before,
+ .t-DE-arrow-up:before,
+.t-US-arrow-oneway:before,
+.t-US-arrow-up:before,
+.t-added-lane:before,
+.t-added-lane-entering-roadway:before,
+.t-airplane:before,
+.t-arrow-l:before,
+.t-arrow-oneway:before,
+.t-arrow-s-l:before,
+.t-arrows_both_bra:before,
+.t-bending-priority:before,
+.t-bicycle:before,
+.t-bicycle-slippery:before,
+.t-bump:before,
+.t-bump_bra:before,
+.t-bump_road_bra:before,
+.t-bumps:before,
+.t-bus:before,
+.t-car:before,
+.t-children:before,
+.t-children-au:before,
+.t-circle-bar-rounded:before,
+.t-circle-bg:before,
+.t-circle-o:before,
+.t-circle-separator:before,
+.t-cliff:before,
+.t-cross-roads:before,
+.t-crossroads-ahead:before,
+.t-crossroads-ahead-ontario:before,
+.t-curve-r-l:before,
+.t-cyclists_crossing_bra:before,
+.t-d-curve-l:before,
+.t-dead-end:before,
+.t-descent:before,
+.t-disabled-p:before,
+.t-divided-highway:before,
+.t-domestic-animal:before,
+.t-domestic-animals-au:before,
+.t-emu:before,
+.t-end:before,
+.t-equestrian:before,
+.t-europe_stars:before,
+.t-exclamation:before,
+.t-falling-rocks-EU:before,
+.t-falling-rocks-US:before,
+.t-falling-rocks-au:before,
+.t-fire-station:before,
+.t-firemans-car:before,
+.t-flaggers:before,
+.t-footpath:before,
+.t-h:before,
+.t-h-align-l:before,
+.t-hairpin-curve:before,
+.t-hairpin-curve-au:before,
+.t-hazardous-material:before,
+.t-height:before,
+.t-height-restriction-ca:before,
+.t-highway-divided:before,
+.t-hitch-hiking:before,
+.t-kangaroo:before,
+.t-koala-ugly:before,
+.t-koalas:before,
+.t-level-crossing:before,
+.t-light-rail:before,
+.t-lightground-railroad-crossing:before,
+.t-loop-270:before,
+.t-loose_road_surface_bra:before,
+.t-lorry:before,
+.t-lorry-left:before,
+.t-low-clearance:before,
+.t-merge:before,
+.t-metric-clearance:before,
+.t-moped:before,
+.t-motorbike:before,
+.t-narrow-bridge-au:before,
+.t-narrow-bridge-us:before,
+.t-narrow-road-both:before,
+.t-narrow-road-l:before,
+.t-no-l-or-u-turn:before,
+.t-octagon:before,
+.t-offset-roads:before,
+.t-opening-swing-bridge-ca:before,
+.t-parking:before,
+.t-pass-either-us:before,
+.t-pass-l-r:before,
+.t-pavement-ends:before,
+.t-pedestrian:before,
+.t-pedestrian-crossing:before,
+.t-pedestrian-crossing-au:before,
+.t-pedestrian_bra:before,
+.t-pedestrian_crossing_bra:before,
+.t-pedestrians:before,
+.t-play-ground:before,
+.t-playground-ahead-ca:before,
+.t-playground-br:before,
+.t-pretzel-loop:before,
+.t-railroad:before,
+.t-railroad-barriers:before,
+.t-railway-flashing-au:before,
+.t-railway-xing-secured:before,
+.t-railway-xing-unsecured:before,
+.t-reverse-curve-au:before,
+.t-reverse-curve-ontario:before,
+.t-right-of-way:before,
+.t-right-of-way-l:before,
+.t-roadworks:before,
+.t-roadworks_bra:before,
+.t-rollerblading:before,
+.t-roundabout:before,
+.t-school:before,
+.t-school_zone_bra:before,
+.t-series-of-curves-left:before,
+.t-share-road:before,
+.t-share-roads:before,
+.t-side-road-a-a-l:before,
+.t-side-road-a-a-r:before,
+.t-side-road-p-l:before,
+.t-side-road-p-r:before,
+.t-side-road-perpendicular:before,
+.t-single-2-reverse-curve:before,
+.t-skewed-railroads:before,
+.t-slippery:before,
+.t-slippery-motorcycle:before,
+.t-slippery-road:before,
+.t-small-arrow-au:before,
+.t-snowflake:before,
+.t-square-angular:before,
+.t-square-diagonal-bar:before,
+.t-square-rounded:before,
+.t-steep-hill:before,
+.t-steep-hill-downwards:before,
+.t-steep-hill-upwards:before,
+.t-stop:before,
+.t-t-roads:before,
+.t-tractor:before,
+.t-traffic-signal-au:before,
+.t-trailer:before,
+.t-train-au:before,
+.t-train-electric:before,
+.t-tram:before,
+.t-transit_bra:before,
+.t-tri-angular:before,
+.t-tri-rounded:before,
+.t-truck:before,
+.t-truck-rollover-speed:before,
+.t-trucks-rollover:before,
+.t-tunnel:before,
+.t-turn-90-l:before,
+.t-turn-curve-speed:before,
+.t-turn-l:before,
+.t-turn-l-aus:before,
+.t-turn-l-curve:before,
+.t-turn-reverse-left:before,
+.t-turn-right-curve-ontario:before,
+.t-turnaround:before,
+.t-turnaround2:before,
+.t-two_way_arrows_bra:before,
+.t-u-turn:before,
+.t-u-turn-au:before,
+.t-wild-animal:before,
+.t-windbag:before,
+.t-winding-road-left:before,
+.t-wombat:before,
+.t-y-roads:before {
+ display: inline-block;
+ font-family: "traffico";
+ 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;
+ }
+
+ .t-DE-arrow-up:before { content: "\f100"; }
+.t-US-arrow-oneway:before { content: "\f101"; }
+.t-US-arrow-up:before { content: "\f102"; }
+.t-added-lane:before { content: "\f103"; }
+.t-added-lane-entering-roadway:before { content: "\f104"; }
+.t-airplane:before { content: "\f105"; }
+.t-arrow-l:before { content: "\f106"; }
+.t-arrow-oneway:before { content: "\f107"; }
+.t-arrow-s-l:before { content: "\f108"; }
+.t-arrows_both_bra:before { content: "\f109"; }
+.t-bending-priority:before { content: "\f10a"; }
+.t-bicycle:before { content: "\f10b"; }
+.t-bicycle-slippery:before { content: "\f10c"; }
+.t-bump:before { content: "\f10d"; }
+.t-bump_bra:before { content: "\f10e"; }
+.t-bump_road_bra:before { content: "\f10f"; }
+.t-bumps:before { content: "\f110"; }
+.t-bus:before { content: "\f111"; }
+.t-car:before { content: "\f112"; }
+.t-children:before { content: "\f113"; }
+.t-children-au:before { content: "\f114"; }
+.t-circle-bar-rounded:before { content: "\f115"; }
+.t-circle-bg:before { content: "\f116"; }
+.t-circle-o:before { content: "\f117"; }
+.t-circle-separator:before { content: "\f118"; }
+.t-cliff:before { content: "\f119"; }
+.t-cross-roads:before { content: "\f11a"; }
+.t-crossroads-ahead:before { content: "\f11b"; }
+.t-crossroads-ahead-ontario:before { content: "\f11c"; }
+.t-curve-r-l:before { content: "\f11d"; }
+.t-cyclists_crossing_bra:before { content: "\f11e"; }
+.t-d-curve-l:before { content: "\f11f"; }
+.t-dead-end:before { content: "\f120"; }
+.t-descent:before { content: "\f121"; }
+.t-disabled-p:before { content: "\f122"; }
+.t-divided-highway:before { content: "\f123"; }
+.t-domestic-animal:before { content: "\f124"; }
+.t-domestic-animals-au:before { content: "\f125"; }
+.t-emu:before { content: "\f126"; }
+.t-end:before { content: "\f127"; }
+.t-equestrian:before { content: "\f128"; }
+.t-europe_stars:before { content: "\f129"; }
+.t-exclamation:before { content: "\f12a"; }
+.t-falling-rocks-EU:before { content: "\f12b"; }
+.t-falling-rocks-US:before { content: "\f12c"; }
+.t-falling-rocks-au:before { content: "\f12d"; }
+.t-fire-station:before { content: "\f12e"; }
+.t-firemans-car:before { content: "\f12f"; }
+.t-flaggers:before { content: "\f130"; }
+.t-footpath:before { content: "\f131"; }
+.t-h:before { content: "\f132"; }
+.t-h-align-l:before { content: "\f133"; }
+.t-hairpin-curve:before { content: "\f134"; }
+.t-hairpin-curve-au:before { content: "\f135"; }
+.t-hazardous-material:before { content: "\f136"; }
+.t-height:before { content: "\f137"; }
+.t-height-restriction-ca:before { content: "\f138"; }
+.t-highway-divided:before { content: "\f139"; }
+.t-hitch-hiking:before { content: "\f13a"; }
+.t-kangaroo:before { content: "\f13b"; }
+.t-koala-ugly:before { content: "\f13c"; }
+.t-koalas:before { content: "\f13d"; }
+.t-level-crossing:before { content: "\f13e"; }
+.t-light-rail:before { content: "\f13f"; }
+.t-lightground-railroad-crossing:before { content: "\f140"; }
+.t-loop-270:before { content: "\f141"; }
+.t-loose_road_surface_bra:before { content: "\f142"; }
+.t-lorry:before { content: "\f143"; }
+.t-lorry-left:before { content: "\f144"; }
+.t-low-clearance:before { content: "\f145"; }
+.t-merge:before { content: "\f146"; }
+.t-metric-clearance:before { content: "\f147"; }
+.t-moped:before { content: "\f148"; }
+.t-motorbike:before { content: "\f149"; }
+.t-narrow-bridge-au:before { content: "\f14a"; }
+.t-narrow-bridge-us:before { content: "\f14b"; }
+.t-narrow-road-both:before { content: "\f14c"; }
+.t-narrow-road-l:before { content: "\f14d"; }
+.t-no-l-or-u-turn:before { content: "\f14e"; }
+.t-octagon:before { content: "\f14f"; }
+.t-offset-roads:before { content: "\f150"; }
+.t-opening-swing-bridge-ca:before { content: "\f151"; }
+.t-parking:before { content: "\f152"; }
+.t-pass-either-us:before { content: "\f153"; }
+.t-pass-l-r:before { content: "\f154"; }
+.t-pavement-ends:before { content: "\f155"; }
+.t-pedestrian:before { content: "\f156"; }
+.t-pedestrian-crossing:before { content: "\f157"; }
+.t-pedestrian-crossing-au:before { content: "\f158"; }
+.t-pedestrian_bra:before { content: "\f159"; }
+.t-pedestrian_crossing_bra:before { content: "\f15a"; }
+.t-pedestrians:before { content: "\f15b"; }
+.t-play-ground:before { content: "\f15c"; }
+.t-playground-ahead-ca:before { content: "\f15d"; }
+.t-playground-br:before { content: "\f15e"; }
+.t-pretzel-loop:before { content: "\f15f"; }
+.t-railroad:before { content: "\f160"; }
+.t-railroad-barriers:before { content: "\f161"; }
+.t-railway-flashing-au:before { content: "\f162"; }
+.t-railway-xing-secured:before { content: "\f163"; }
+.t-railway-xing-unsecured:before { content: "\f164"; }
+.t-reverse-curve-au:before { content: "\f165"; }
+.t-reverse-curve-ontario:before { content: "\f166"; }
+.t-right-of-way:before { content: "\f167"; }
+.t-right-of-way-l:before { content: "\f168"; }
+.t-roadworks:before { content: "\f169"; }
+.t-roadworks_bra:before { content: "\f16a"; }
+.t-rollerblading:before { content: "\f16b"; }
+.t-roundabout:before { content: "\f16c"; }
+.t-school:before { content: "\f16d"; }
+.t-school_zone_bra:before { content: "\f16e"; }
+.t-series-of-curves-left:before { content: "\f16f"; }
+.t-share-road:before { content: "\f170"; }
+.t-share-roads:before { content: "\f171"; }
+.t-side-road-a-a-l:before { content: "\f172"; }
+.t-side-road-a-a-r:before { content: "\f173"; }
+.t-side-road-p-l:before { content: "\f174"; }
+.t-side-road-p-r:before { content: "\f175"; }
+.t-side-road-perpendicular:before { content: "\f176"; }
+.t-single-2-reverse-curve:before { content: "\f177"; }
+.t-skewed-railroads:before { content: "\f178"; }
+.t-slippery:before { content: "\f179"; }
+.t-slippery-motorcycle:before { content: "\f17a"; }
+.t-slippery-road:before { content: "\f17b"; }
+.t-small-arrow-au:before { content: "\f17c"; }
+.t-snowflake:before { content: "\f17d"; }
+.t-square-angular:before { content: "\f17e"; }
+.t-square-diagonal-bar:before { content: "\f17f"; }
+.t-square-rounded:before { content: "\f180"; }
+.t-steep-hill:before { content: "\f181"; }
+.t-steep-hill-downwards:before { content: "\f182"; }
+.t-steep-hill-upwards:before { content: "\f183"; }
+.t-stop:before { content: "\f184"; }
+.t-t-roads:before { content: "\f185"; }
+.t-tractor:before { content: "\f186"; }
+.t-traffic-signal-au:before { content: "\f187"; }
+.t-trailer:before { content: "\f188"; }
+.t-train-au:before { content: "\f189"; }
+.t-train-electric:before { content: "\f18a"; }
+.t-tram:before { content: "\f18b"; }
+.t-transit_bra:before { content: "\f18c"; }
+.t-tri-angular:before { content: "\f18d"; }
+.t-tri-rounded:before { content: "\f18e"; }
+.t-truck:before { content: "\f18f"; }
+.t-truck-rollover-speed:before { content: "\f190"; }
+.t-trucks-rollover:before { content: "\f191"; }
+.t-tunnel:before { content: "\f192"; }
+.t-turn-90-l:before { content: "\f193"; }
+.t-turn-curve-speed:before { content: "\f194"; }
+.t-turn-l:before { content: "\f195"; }
+.t-turn-l-aus:before { content: "\f196"; }
+.t-turn-l-curve:before { content: "\f197"; }
+.t-turn-reverse-left:before { content: "\f198"; }
+.t-turn-right-curve-ontario:before { content: "\f199"; }
+.t-turnaround:before { content: "\f19a"; }
+.t-turnaround2:before { content: "\f19b"; }
+.t-two_way_arrows_bra:before { content: "\f19c"; }
+.t-u-turn:before { content: "\f19d"; }
+.t-u-turn-au:before { content: "\f19e"; }
+.t-wild-animal:before { content: "\f19f"; }
+.t-windbag:before { content: "\f1a0"; }
+.t-winding-road-left:before { content: "\f1a1"; }
+.t-wombat:before { content: "\f1a2"; }
+.t-y-roads:before { content: "\f1a3"; }
+ </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>traffico contains 164 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="t-DE-arrow-up" class="t-DE-arrow-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-DE-arrow-up" class="t-DE-arrow-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-DE-arrow-up" class="t-DE-arrow-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-DE-arrow-up" class="t-DE-arrow-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-DE-arrow-up" class="t-DE-arrow-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-DE-arrow-up" class="t-DE-arrow-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-DE-arrow-up" class="t-DE-arrow-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-DE-arrow-up" class="t-DE-arrow-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-DE-arrow-up" class="t-DE-arrow-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-DE-arrow-up" class="t-DE-arrow-up"></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=".t-DE-arrow-up" />
+ <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="t-US-arrow-oneway" class="t-US-arrow-oneway"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-US-arrow-oneway" class="t-US-arrow-oneway"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-US-arrow-oneway" class="t-US-arrow-oneway"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-US-arrow-oneway" class="t-US-arrow-oneway"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-US-arrow-oneway" class="t-US-arrow-oneway"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-US-arrow-oneway" class="t-US-arrow-oneway"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-US-arrow-oneway" class="t-US-arrow-oneway"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-US-arrow-oneway" class="t-US-arrow-oneway"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-US-arrow-oneway" class="t-US-arrow-oneway"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-US-arrow-oneway" class="t-US-arrow-oneway"></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=".t-US-arrow-oneway" />
+ <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="t-US-arrow-up" class="t-US-arrow-up"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-US-arrow-up" class="t-US-arrow-up"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-US-arrow-up" class="t-US-arrow-up"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-US-arrow-up" class="t-US-arrow-up"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-US-arrow-up" class="t-US-arrow-up"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-US-arrow-up" class="t-US-arrow-up"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-US-arrow-up" class="t-US-arrow-up"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-US-arrow-up" class="t-US-arrow-up"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-US-arrow-up" class="t-US-arrow-up"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-US-arrow-up" class="t-US-arrow-up"></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=".t-US-arrow-up" />
+ <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="t-added-lane" class="t-added-lane"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-added-lane" class="t-added-lane"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-added-lane" class="t-added-lane"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-added-lane" class="t-added-lane"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-added-lane" class="t-added-lane"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-added-lane" class="t-added-lane"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-added-lane" class="t-added-lane"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-added-lane" class="t-added-lane"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-added-lane" class="t-added-lane"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-added-lane" class="t-added-lane"></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=".t-added-lane" />
+ <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="t-added-lane-entering-roadway" class="t-added-lane-entering-roadway"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-added-lane-entering-roadway" class="t-added-lane-entering-roadway"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-added-lane-entering-roadway" class="t-added-lane-entering-roadway"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-added-lane-entering-roadway" class="t-added-lane-entering-roadway"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-added-lane-entering-roadway" class="t-added-lane-entering-roadway"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-added-lane-entering-roadway" class="t-added-lane-entering-roadway"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-added-lane-entering-roadway" class="t-added-lane-entering-roadway"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-added-lane-entering-roadway" class="t-added-lane-entering-roadway"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-added-lane-entering-roadway" class="t-added-lane-entering-roadway"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-added-lane-entering-roadway" class="t-added-lane-entering-roadway"></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=".t-added-lane-entering-roadway" />
+ <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="t-airplane" class="t-airplane"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-airplane" class="t-airplane"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-airplane" class="t-airplane"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-airplane" class="t-airplane"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-airplane" class="t-airplane"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-airplane" class="t-airplane"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-airplane" class="t-airplane"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-airplane" class="t-airplane"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-airplane" class="t-airplane"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-airplane" class="t-airplane"></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=".t-airplane" />
+ <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="t-arrow-l" class="t-arrow-l"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-arrow-l" class="t-arrow-l"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-arrow-l" class="t-arrow-l"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-arrow-l" class="t-arrow-l"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-arrow-l" class="t-arrow-l"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-arrow-l" class="t-arrow-l"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-arrow-l" class="t-arrow-l"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-arrow-l" class="t-arrow-l"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-arrow-l" class="t-arrow-l"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-arrow-l" class="t-arrow-l"></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=".t-arrow-l" />
+ <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="t-arrow-oneway" class="t-arrow-oneway"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-arrow-oneway" class="t-arrow-oneway"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-arrow-oneway" class="t-arrow-oneway"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-arrow-oneway" class="t-arrow-oneway"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-arrow-oneway" class="t-arrow-oneway"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-arrow-oneway" class="t-arrow-oneway"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-arrow-oneway" class="t-arrow-oneway"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-arrow-oneway" class="t-arrow-oneway"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-arrow-oneway" class="t-arrow-oneway"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-arrow-oneway" class="t-arrow-oneway"></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=".t-arrow-oneway" />
+ <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="t-arrow-s-l" class="t-arrow-s-l"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-arrow-s-l" class="t-arrow-s-l"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-arrow-s-l" class="t-arrow-s-l"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-arrow-s-l" class="t-arrow-s-l"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-arrow-s-l" class="t-arrow-s-l"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-arrow-s-l" class="t-arrow-s-l"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-arrow-s-l" class="t-arrow-s-l"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-arrow-s-l" class="t-arrow-s-l"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-arrow-s-l" class="t-arrow-s-l"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-arrow-s-l" class="t-arrow-s-l"></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=".t-arrow-s-l" />
+ <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="t-arrows_both_bra" class="t-arrows_both_bra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-arrows_both_bra" class="t-arrows_both_bra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-arrows_both_bra" class="t-arrows_both_bra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-arrows_both_bra" class="t-arrows_both_bra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-arrows_both_bra" class="t-arrows_both_bra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-arrows_both_bra" class="t-arrows_both_bra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-arrows_both_bra" class="t-arrows_both_bra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-arrows_both_bra" class="t-arrows_both_bra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-arrows_both_bra" class="t-arrows_both_bra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-arrows_both_bra" class="t-arrows_both_bra"></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=".t-arrows_both_bra" />
+ <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="t-bending-priority" class="t-bending-priority"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-bending-priority" class="t-bending-priority"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-bending-priority" class="t-bending-priority"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-bending-priority" class="t-bending-priority"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-bending-priority" class="t-bending-priority"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-bending-priority" class="t-bending-priority"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-bending-priority" class="t-bending-priority"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-bending-priority" class="t-bending-priority"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-bending-priority" class="t-bending-priority"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-bending-priority" class="t-bending-priority"></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=".t-bending-priority" />
+ <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="t-bicycle" class="t-bicycle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-bicycle" class="t-bicycle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-bicycle" class="t-bicycle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-bicycle" class="t-bicycle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-bicycle" class="t-bicycle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-bicycle" class="t-bicycle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-bicycle" class="t-bicycle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-bicycle" class="t-bicycle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-bicycle" class="t-bicycle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-bicycle" class="t-bicycle"></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=".t-bicycle" />
+ <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="t-bicycle-slippery" class="t-bicycle-slippery"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-bicycle-slippery" class="t-bicycle-slippery"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-bicycle-slippery" class="t-bicycle-slippery"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-bicycle-slippery" class="t-bicycle-slippery"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-bicycle-slippery" class="t-bicycle-slippery"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-bicycle-slippery" class="t-bicycle-slippery"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-bicycle-slippery" class="t-bicycle-slippery"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-bicycle-slippery" class="t-bicycle-slippery"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-bicycle-slippery" class="t-bicycle-slippery"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-bicycle-slippery" class="t-bicycle-slippery"></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=".t-bicycle-slippery" />
+ <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="t-bump" class="t-bump"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-bump" class="t-bump"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-bump" class="t-bump"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-bump" class="t-bump"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-bump" class="t-bump"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-bump" class="t-bump"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-bump" class="t-bump"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-bump" class="t-bump"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-bump" class="t-bump"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-bump" class="t-bump"></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=".t-bump" />
+ <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="t-bump_bra" class="t-bump_bra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-bump_bra" class="t-bump_bra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-bump_bra" class="t-bump_bra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-bump_bra" class="t-bump_bra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-bump_bra" class="t-bump_bra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-bump_bra" class="t-bump_bra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-bump_bra" class="t-bump_bra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-bump_bra" class="t-bump_bra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-bump_bra" class="t-bump_bra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-bump_bra" class="t-bump_bra"></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=".t-bump_bra" />
+ <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="t-bump_road_bra" class="t-bump_road_bra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-bump_road_bra" class="t-bump_road_bra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-bump_road_bra" class="t-bump_road_bra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-bump_road_bra" class="t-bump_road_bra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-bump_road_bra" class="t-bump_road_bra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-bump_road_bra" class="t-bump_road_bra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-bump_road_bra" class="t-bump_road_bra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-bump_road_bra" class="t-bump_road_bra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-bump_road_bra" class="t-bump_road_bra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-bump_road_bra" class="t-bump_road_bra"></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=".t-bump_road_bra" />
+ <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="t-bumps" class="t-bumps"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-bumps" class="t-bumps"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-bumps" class="t-bumps"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-bumps" class="t-bumps"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-bumps" class="t-bumps"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-bumps" class="t-bumps"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-bumps" class="t-bumps"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-bumps" class="t-bumps"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-bumps" class="t-bumps"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-bumps" class="t-bumps"></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=".t-bumps" />
+ <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="t-bus" class="t-bus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-bus" class="t-bus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-bus" class="t-bus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-bus" class="t-bus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-bus" class="t-bus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-bus" class="t-bus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-bus" class="t-bus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-bus" class="t-bus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-bus" class="t-bus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-bus" class="t-bus"></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=".t-bus" />
+ <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="t-car" class="t-car"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-car" class="t-car"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-car" class="t-car"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-car" class="t-car"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-car" class="t-car"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-car" class="t-car"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-car" class="t-car"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-car" class="t-car"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-car" class="t-car"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-car" class="t-car"></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=".t-car" />
+ <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="t-children" class="t-children"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-children" class="t-children"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-children" class="t-children"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-children" class="t-children"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-children" class="t-children"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-children" class="t-children"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-children" class="t-children"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-children" class="t-children"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-children" class="t-children"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-children" class="t-children"></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=".t-children" />
+ <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="t-children-au" class="t-children-au"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-children-au" class="t-children-au"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-children-au" class="t-children-au"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-children-au" class="t-children-au"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-children-au" class="t-children-au"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-children-au" class="t-children-au"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-children-au" class="t-children-au"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-children-au" class="t-children-au"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-children-au" class="t-children-au"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-children-au" class="t-children-au"></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=".t-children-au" />
+ <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="t-circle-bar-rounded" class="t-circle-bar-rounded"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-circle-bar-rounded" class="t-circle-bar-rounded"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-circle-bar-rounded" class="t-circle-bar-rounded"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-circle-bar-rounded" class="t-circle-bar-rounded"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-circle-bar-rounded" class="t-circle-bar-rounded"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-circle-bar-rounded" class="t-circle-bar-rounded"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-circle-bar-rounded" class="t-circle-bar-rounded"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-circle-bar-rounded" class="t-circle-bar-rounded"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-circle-bar-rounded" class="t-circle-bar-rounded"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-circle-bar-rounded" class="t-circle-bar-rounded"></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=".t-circle-bar-rounded" />
+ <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="t-circle-bg" class="t-circle-bg"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-circle-bg" class="t-circle-bg"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-circle-bg" class="t-circle-bg"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-circle-bg" class="t-circle-bg"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-circle-bg" class="t-circle-bg"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-circle-bg" class="t-circle-bg"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-circle-bg" class="t-circle-bg"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-circle-bg" class="t-circle-bg"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-circle-bg" class="t-circle-bg"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-circle-bg" class="t-circle-bg"></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=".t-circle-bg" />
+ <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="t-circle-o" class="t-circle-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-circle-o" class="t-circle-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-circle-o" class="t-circle-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-circle-o" class="t-circle-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-circle-o" class="t-circle-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-circle-o" class="t-circle-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-circle-o" class="t-circle-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-circle-o" class="t-circle-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-circle-o" class="t-circle-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-circle-o" class="t-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=".t-circle-o" />
+ <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="t-circle-separator" class="t-circle-separator"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-circle-separator" class="t-circle-separator"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-circle-separator" class="t-circle-separator"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-circle-separator" class="t-circle-separator"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-circle-separator" class="t-circle-separator"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-circle-separator" class="t-circle-separator"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-circle-separator" class="t-circle-separator"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-circle-separator" class="t-circle-separator"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-circle-separator" class="t-circle-separator"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-circle-separator" class="t-circle-separator"></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=".t-circle-separator" />
+ <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="t-cliff" class="t-cliff"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-cliff" class="t-cliff"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-cliff" class="t-cliff"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-cliff" class="t-cliff"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-cliff" class="t-cliff"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-cliff" class="t-cliff"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-cliff" class="t-cliff"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-cliff" class="t-cliff"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-cliff" class="t-cliff"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-cliff" class="t-cliff"></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=".t-cliff" />
+ <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="t-cross-roads" class="t-cross-roads"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-cross-roads" class="t-cross-roads"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-cross-roads" class="t-cross-roads"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-cross-roads" class="t-cross-roads"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-cross-roads" class="t-cross-roads"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-cross-roads" class="t-cross-roads"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-cross-roads" class="t-cross-roads"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-cross-roads" class="t-cross-roads"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-cross-roads" class="t-cross-roads"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-cross-roads" class="t-cross-roads"></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=".t-cross-roads" />
+ <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="t-crossroads-ahead" class="t-crossroads-ahead"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-crossroads-ahead" class="t-crossroads-ahead"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-crossroads-ahead" class="t-crossroads-ahead"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-crossroads-ahead" class="t-crossroads-ahead"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-crossroads-ahead" class="t-crossroads-ahead"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-crossroads-ahead" class="t-crossroads-ahead"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-crossroads-ahead" class="t-crossroads-ahead"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-crossroads-ahead" class="t-crossroads-ahead"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-crossroads-ahead" class="t-crossroads-ahead"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-crossroads-ahead" class="t-crossroads-ahead"></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=".t-crossroads-ahead" />
+ <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="t-crossroads-ahead-ontario" class="t-crossroads-ahead-ontario"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-crossroads-ahead-ontario" class="t-crossroads-ahead-ontario"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-crossroads-ahead-ontario" class="t-crossroads-ahead-ontario"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-crossroads-ahead-ontario" class="t-crossroads-ahead-ontario"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-crossroads-ahead-ontario" class="t-crossroads-ahead-ontario"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-crossroads-ahead-ontario" class="t-crossroads-ahead-ontario"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-crossroads-ahead-ontario" class="t-crossroads-ahead-ontario"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-crossroads-ahead-ontario" class="t-crossroads-ahead-ontario"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-crossroads-ahead-ontario" class="t-crossroads-ahead-ontario"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-crossroads-ahead-ontario" class="t-crossroads-ahead-ontario"></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=".t-crossroads-ahead-ontario" />
+ <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="t-curve-r-l" class="t-curve-r-l"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-curve-r-l" class="t-curve-r-l"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-curve-r-l" class="t-curve-r-l"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-curve-r-l" class="t-curve-r-l"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-curve-r-l" class="t-curve-r-l"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-curve-r-l" class="t-curve-r-l"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-curve-r-l" class="t-curve-r-l"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-curve-r-l" class="t-curve-r-l"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-curve-r-l" class="t-curve-r-l"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-curve-r-l" class="t-curve-r-l"></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=".t-curve-r-l" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-cyclists_crossing_bra" class="t-cyclists_crossing_bra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-cyclists_crossing_bra" class="t-cyclists_crossing_bra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-cyclists_crossing_bra" class="t-cyclists_crossing_bra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-cyclists_crossing_bra" class="t-cyclists_crossing_bra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-cyclists_crossing_bra" class="t-cyclists_crossing_bra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-cyclists_crossing_bra" class="t-cyclists_crossing_bra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-cyclists_crossing_bra" class="t-cyclists_crossing_bra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-cyclists_crossing_bra" class="t-cyclists_crossing_bra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-cyclists_crossing_bra" class="t-cyclists_crossing_bra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-cyclists_crossing_bra" class="t-cyclists_crossing_bra"></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=".t-cyclists_crossing_bra" />
+ <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="t-d-curve-l" class="t-d-curve-l"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-d-curve-l" class="t-d-curve-l"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-d-curve-l" class="t-d-curve-l"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-d-curve-l" class="t-d-curve-l"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-d-curve-l" class="t-d-curve-l"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-d-curve-l" class="t-d-curve-l"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-d-curve-l" class="t-d-curve-l"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-d-curve-l" class="t-d-curve-l"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-d-curve-l" class="t-d-curve-l"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-d-curve-l" class="t-d-curve-l"></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=".t-d-curve-l" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf11f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-dead-end" class="t-dead-end"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-dead-end" class="t-dead-end"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-dead-end" class="t-dead-end"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-dead-end" class="t-dead-end"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-dead-end" class="t-dead-end"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-dead-end" class="t-dead-end"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-dead-end" class="t-dead-end"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-dead-end" class="t-dead-end"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-dead-end" class="t-dead-end"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-dead-end" class="t-dead-end"></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=".t-dead-end" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf120;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-descent" class="t-descent"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-descent" class="t-descent"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-descent" class="t-descent"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-descent" class="t-descent"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-descent" class="t-descent"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-descent" class="t-descent"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-descent" class="t-descent"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-descent" class="t-descent"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-descent" class="t-descent"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-descent" class="t-descent"></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=".t-descent" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf121;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-disabled-p" class="t-disabled-p"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-disabled-p" class="t-disabled-p"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-disabled-p" class="t-disabled-p"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-disabled-p" class="t-disabled-p"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-disabled-p" class="t-disabled-p"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-disabled-p" class="t-disabled-p"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-disabled-p" class="t-disabled-p"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-disabled-p" class="t-disabled-p"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-disabled-p" class="t-disabled-p"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-disabled-p" class="t-disabled-p"></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=".t-disabled-p" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf122;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-divided-highway" class="t-divided-highway"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-divided-highway" class="t-divided-highway"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-divided-highway" class="t-divided-highway"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-divided-highway" class="t-divided-highway"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-divided-highway" class="t-divided-highway"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-divided-highway" class="t-divided-highway"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-divided-highway" class="t-divided-highway"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-divided-highway" class="t-divided-highway"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-divided-highway" class="t-divided-highway"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-divided-highway" class="t-divided-highway"></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=".t-divided-highway" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf123;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-domestic-animal" class="t-domestic-animal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-domestic-animal" class="t-domestic-animal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-domestic-animal" class="t-domestic-animal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-domestic-animal" class="t-domestic-animal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-domestic-animal" class="t-domestic-animal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-domestic-animal" class="t-domestic-animal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-domestic-animal" class="t-domestic-animal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-domestic-animal" class="t-domestic-animal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-domestic-animal" class="t-domestic-animal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-domestic-animal" class="t-domestic-animal"></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=".t-domestic-animal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf124;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-domestic-animals-au" class="t-domestic-animals-au"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-domestic-animals-au" class="t-domestic-animals-au"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-domestic-animals-au" class="t-domestic-animals-au"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-domestic-animals-au" class="t-domestic-animals-au"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-domestic-animals-au" class="t-domestic-animals-au"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-domestic-animals-au" class="t-domestic-animals-au"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-domestic-animals-au" class="t-domestic-animals-au"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-domestic-animals-au" class="t-domestic-animals-au"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-domestic-animals-au" class="t-domestic-animals-au"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-domestic-animals-au" class="t-domestic-animals-au"></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=".t-domestic-animals-au" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf125;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-emu" class="t-emu"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-emu" class="t-emu"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-emu" class="t-emu"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-emu" class="t-emu"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-emu" class="t-emu"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-emu" class="t-emu"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-emu" class="t-emu"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-emu" class="t-emu"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-emu" class="t-emu"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-emu" class="t-emu"></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=".t-emu" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf126;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-end" class="t-end"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-end" class="t-end"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-end" class="t-end"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-end" class="t-end"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-end" class="t-end"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-end" class="t-end"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-end" class="t-end"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-end" class="t-end"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-end" class="t-end"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-end" class="t-end"></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=".t-end" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf127;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-equestrian" class="t-equestrian"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-equestrian" class="t-equestrian"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-equestrian" class="t-equestrian"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-equestrian" class="t-equestrian"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-equestrian" class="t-equestrian"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-equestrian" class="t-equestrian"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-equestrian" class="t-equestrian"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-equestrian" class="t-equestrian"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-equestrian" class="t-equestrian"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-equestrian" class="t-equestrian"></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=".t-equestrian" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf128;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-europe_stars" class="t-europe_stars"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-europe_stars" class="t-europe_stars"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-europe_stars" class="t-europe_stars"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-europe_stars" class="t-europe_stars"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-europe_stars" class="t-europe_stars"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-europe_stars" class="t-europe_stars"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-europe_stars" class="t-europe_stars"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-europe_stars" class="t-europe_stars"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-europe_stars" class="t-europe_stars"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-europe_stars" class="t-europe_stars"></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=".t-europe_stars" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf129;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-exclamation" class="t-exclamation"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-exclamation" class="t-exclamation"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-exclamation" class="t-exclamation"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-exclamation" class="t-exclamation"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-exclamation" class="t-exclamation"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-exclamation" class="t-exclamation"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-exclamation" class="t-exclamation"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-exclamation" class="t-exclamation"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-exclamation" class="t-exclamation"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-exclamation" class="t-exclamation"></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=".t-exclamation" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf12a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-falling-rocks-EU" class="t-falling-rocks-EU"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-falling-rocks-EU" class="t-falling-rocks-EU"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-falling-rocks-EU" class="t-falling-rocks-EU"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-falling-rocks-EU" class="t-falling-rocks-EU"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-falling-rocks-EU" class="t-falling-rocks-EU"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-falling-rocks-EU" class="t-falling-rocks-EU"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-falling-rocks-EU" class="t-falling-rocks-EU"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-falling-rocks-EU" class="t-falling-rocks-EU"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-falling-rocks-EU" class="t-falling-rocks-EU"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-falling-rocks-EU" class="t-falling-rocks-EU"></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=".t-falling-rocks-EU" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf12b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-falling-rocks-US" class="t-falling-rocks-US"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-falling-rocks-US" class="t-falling-rocks-US"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-falling-rocks-US" class="t-falling-rocks-US"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-falling-rocks-US" class="t-falling-rocks-US"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-falling-rocks-US" class="t-falling-rocks-US"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-falling-rocks-US" class="t-falling-rocks-US"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-falling-rocks-US" class="t-falling-rocks-US"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-falling-rocks-US" class="t-falling-rocks-US"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-falling-rocks-US" class="t-falling-rocks-US"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-falling-rocks-US" class="t-falling-rocks-US"></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=".t-falling-rocks-US" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf12c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-falling-rocks-au" class="t-falling-rocks-au"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-falling-rocks-au" class="t-falling-rocks-au"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-falling-rocks-au" class="t-falling-rocks-au"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-falling-rocks-au" class="t-falling-rocks-au"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-falling-rocks-au" class="t-falling-rocks-au"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-falling-rocks-au" class="t-falling-rocks-au"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-falling-rocks-au" class="t-falling-rocks-au"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-falling-rocks-au" class="t-falling-rocks-au"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-falling-rocks-au" class="t-falling-rocks-au"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-falling-rocks-au" class="t-falling-rocks-au"></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=".t-falling-rocks-au" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf12d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-fire-station" class="t-fire-station"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-fire-station" class="t-fire-station"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-fire-station" class="t-fire-station"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-fire-station" class="t-fire-station"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-fire-station" class="t-fire-station"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-fire-station" class="t-fire-station"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-fire-station" class="t-fire-station"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-fire-station" class="t-fire-station"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-fire-station" class="t-fire-station"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-fire-station" class="t-fire-station"></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=".t-fire-station" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf12e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-firemans-car" class="t-firemans-car"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-firemans-car" class="t-firemans-car"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-firemans-car" class="t-firemans-car"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-firemans-car" class="t-firemans-car"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-firemans-car" class="t-firemans-car"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-firemans-car" class="t-firemans-car"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-firemans-car" class="t-firemans-car"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-firemans-car" class="t-firemans-car"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-firemans-car" class="t-firemans-car"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-firemans-car" class="t-firemans-car"></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=".t-firemans-car" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf12f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-flaggers" class="t-flaggers"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-flaggers" class="t-flaggers"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-flaggers" class="t-flaggers"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-flaggers" class="t-flaggers"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-flaggers" class="t-flaggers"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-flaggers" class="t-flaggers"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-flaggers" class="t-flaggers"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-flaggers" class="t-flaggers"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-flaggers" class="t-flaggers"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-flaggers" class="t-flaggers"></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=".t-flaggers" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf130;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-footpath" class="t-footpath"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-footpath" class="t-footpath"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-footpath" class="t-footpath"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-footpath" class="t-footpath"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-footpath" class="t-footpath"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-footpath" class="t-footpath"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-footpath" class="t-footpath"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-footpath" class="t-footpath"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-footpath" class="t-footpath"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-footpath" class="t-footpath"></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=".t-footpath" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf131;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-h" class="t-h"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-h" class="t-h"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-h" class="t-h"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-h" class="t-h"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-h" class="t-h"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-h" class="t-h"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-h" class="t-h"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-h" class="t-h"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-h" class="t-h"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-h" class="t-h"></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=".t-h" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf132;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-h-align-l" class="t-h-align-l"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-h-align-l" class="t-h-align-l"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-h-align-l" class="t-h-align-l"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-h-align-l" class="t-h-align-l"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-h-align-l" class="t-h-align-l"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-h-align-l" class="t-h-align-l"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-h-align-l" class="t-h-align-l"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-h-align-l" class="t-h-align-l"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-h-align-l" class="t-h-align-l"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-h-align-l" class="t-h-align-l"></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=".t-h-align-l" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf133;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-hairpin-curve" class="t-hairpin-curve"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-hairpin-curve" class="t-hairpin-curve"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-hairpin-curve" class="t-hairpin-curve"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-hairpin-curve" class="t-hairpin-curve"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-hairpin-curve" class="t-hairpin-curve"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-hairpin-curve" class="t-hairpin-curve"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-hairpin-curve" class="t-hairpin-curve"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-hairpin-curve" class="t-hairpin-curve"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-hairpin-curve" class="t-hairpin-curve"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-hairpin-curve" class="t-hairpin-curve"></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=".t-hairpin-curve" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf134;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-hairpin-curve-au" class="t-hairpin-curve-au"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-hairpin-curve-au" class="t-hairpin-curve-au"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-hairpin-curve-au" class="t-hairpin-curve-au"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-hairpin-curve-au" class="t-hairpin-curve-au"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-hairpin-curve-au" class="t-hairpin-curve-au"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-hairpin-curve-au" class="t-hairpin-curve-au"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-hairpin-curve-au" class="t-hairpin-curve-au"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-hairpin-curve-au" class="t-hairpin-curve-au"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-hairpin-curve-au" class="t-hairpin-curve-au"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-hairpin-curve-au" class="t-hairpin-curve-au"></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=".t-hairpin-curve-au" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf135;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-hazardous-material" class="t-hazardous-material"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-hazardous-material" class="t-hazardous-material"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-hazardous-material" class="t-hazardous-material"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-hazardous-material" class="t-hazardous-material"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-hazardous-material" class="t-hazardous-material"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-hazardous-material" class="t-hazardous-material"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-hazardous-material" class="t-hazardous-material"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-hazardous-material" class="t-hazardous-material"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-hazardous-material" class="t-hazardous-material"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-hazardous-material" class="t-hazardous-material"></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=".t-hazardous-material" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf136;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-height" class="t-height"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-height" class="t-height"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-height" class="t-height"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-height" class="t-height"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-height" class="t-height"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-height" class="t-height"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-height" class="t-height"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-height" class="t-height"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-height" class="t-height"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-height" class="t-height"></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=".t-height" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf137;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-height-restriction-ca" class="t-height-restriction-ca"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-height-restriction-ca" class="t-height-restriction-ca"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-height-restriction-ca" class="t-height-restriction-ca"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-height-restriction-ca" class="t-height-restriction-ca"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-height-restriction-ca" class="t-height-restriction-ca"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-height-restriction-ca" class="t-height-restriction-ca"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-height-restriction-ca" class="t-height-restriction-ca"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-height-restriction-ca" class="t-height-restriction-ca"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-height-restriction-ca" class="t-height-restriction-ca"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-height-restriction-ca" class="t-height-restriction-ca"></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=".t-height-restriction-ca" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf138;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-highway-divided" class="t-highway-divided"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-highway-divided" class="t-highway-divided"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-highway-divided" class="t-highway-divided"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-highway-divided" class="t-highway-divided"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-highway-divided" class="t-highway-divided"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-highway-divided" class="t-highway-divided"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-highway-divided" class="t-highway-divided"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-highway-divided" class="t-highway-divided"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-highway-divided" class="t-highway-divided"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-highway-divided" class="t-highway-divided"></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=".t-highway-divided" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf139;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-hitch-hiking" class="t-hitch-hiking"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-hitch-hiking" class="t-hitch-hiking"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-hitch-hiking" class="t-hitch-hiking"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-hitch-hiking" class="t-hitch-hiking"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-hitch-hiking" class="t-hitch-hiking"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-hitch-hiking" class="t-hitch-hiking"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-hitch-hiking" class="t-hitch-hiking"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-hitch-hiking" class="t-hitch-hiking"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-hitch-hiking" class="t-hitch-hiking"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-hitch-hiking" class="t-hitch-hiking"></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=".t-hitch-hiking" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf13a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-kangaroo" class="t-kangaroo"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-kangaroo" class="t-kangaroo"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-kangaroo" class="t-kangaroo"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-kangaroo" class="t-kangaroo"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-kangaroo" class="t-kangaroo"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-kangaroo" class="t-kangaroo"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-kangaroo" class="t-kangaroo"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-kangaroo" class="t-kangaroo"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-kangaroo" class="t-kangaroo"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-kangaroo" class="t-kangaroo"></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=".t-kangaroo" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf13b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-koala-ugly" class="t-koala-ugly"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-koala-ugly" class="t-koala-ugly"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-koala-ugly" class="t-koala-ugly"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-koala-ugly" class="t-koala-ugly"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-koala-ugly" class="t-koala-ugly"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-koala-ugly" class="t-koala-ugly"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-koala-ugly" class="t-koala-ugly"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-koala-ugly" class="t-koala-ugly"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-koala-ugly" class="t-koala-ugly"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-koala-ugly" class="t-koala-ugly"></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=".t-koala-ugly" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf13c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-koalas" class="t-koalas"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-koalas" class="t-koalas"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-koalas" class="t-koalas"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-koalas" class="t-koalas"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-koalas" class="t-koalas"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-koalas" class="t-koalas"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-koalas" class="t-koalas"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-koalas" class="t-koalas"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-koalas" class="t-koalas"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-koalas" class="t-koalas"></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=".t-koalas" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf13d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-level-crossing" class="t-level-crossing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-level-crossing" class="t-level-crossing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-level-crossing" class="t-level-crossing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-level-crossing" class="t-level-crossing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-level-crossing" class="t-level-crossing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-level-crossing" class="t-level-crossing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-level-crossing" class="t-level-crossing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-level-crossing" class="t-level-crossing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-level-crossing" class="t-level-crossing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-level-crossing" class="t-level-crossing"></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=".t-level-crossing" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf13e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-light-rail" class="t-light-rail"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-light-rail" class="t-light-rail"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-light-rail" class="t-light-rail"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-light-rail" class="t-light-rail"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-light-rail" class="t-light-rail"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-light-rail" class="t-light-rail"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-light-rail" class="t-light-rail"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-light-rail" class="t-light-rail"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-light-rail" class="t-light-rail"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-light-rail" class="t-light-rail"></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=".t-light-rail" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf13f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-lightground-railroad-crossing" class="t-lightground-railroad-crossing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-lightground-railroad-crossing" class="t-lightground-railroad-crossing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-lightground-railroad-crossing" class="t-lightground-railroad-crossing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-lightground-railroad-crossing" class="t-lightground-railroad-crossing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-lightground-railroad-crossing" class="t-lightground-railroad-crossing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-lightground-railroad-crossing" class="t-lightground-railroad-crossing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-lightground-railroad-crossing" class="t-lightground-railroad-crossing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-lightground-railroad-crossing" class="t-lightground-railroad-crossing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-lightground-railroad-crossing" class="t-lightground-railroad-crossing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-lightground-railroad-crossing" class="t-lightground-railroad-crossing"></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=".t-lightground-railroad-crossing" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf140;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-loop-270" class="t-loop-270"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-loop-270" class="t-loop-270"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-loop-270" class="t-loop-270"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-loop-270" class="t-loop-270"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-loop-270" class="t-loop-270"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-loop-270" class="t-loop-270"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-loop-270" class="t-loop-270"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-loop-270" class="t-loop-270"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-loop-270" class="t-loop-270"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-loop-270" class="t-loop-270"></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=".t-loop-270" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf141;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-loose_road_surface_bra" class="t-loose_road_surface_bra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-loose_road_surface_bra" class="t-loose_road_surface_bra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-loose_road_surface_bra" class="t-loose_road_surface_bra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-loose_road_surface_bra" class="t-loose_road_surface_bra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-loose_road_surface_bra" class="t-loose_road_surface_bra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-loose_road_surface_bra" class="t-loose_road_surface_bra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-loose_road_surface_bra" class="t-loose_road_surface_bra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-loose_road_surface_bra" class="t-loose_road_surface_bra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-loose_road_surface_bra" class="t-loose_road_surface_bra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-loose_road_surface_bra" class="t-loose_road_surface_bra"></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=".t-loose_road_surface_bra" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf142;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-lorry" class="t-lorry"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-lorry" class="t-lorry"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-lorry" class="t-lorry"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-lorry" class="t-lorry"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-lorry" class="t-lorry"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-lorry" class="t-lorry"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-lorry" class="t-lorry"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-lorry" class="t-lorry"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-lorry" class="t-lorry"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-lorry" class="t-lorry"></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=".t-lorry" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf143;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-lorry-left" class="t-lorry-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-lorry-left" class="t-lorry-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-lorry-left" class="t-lorry-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-lorry-left" class="t-lorry-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-lorry-left" class="t-lorry-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-lorry-left" class="t-lorry-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-lorry-left" class="t-lorry-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-lorry-left" class="t-lorry-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-lorry-left" class="t-lorry-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-lorry-left" class="t-lorry-left"></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=".t-lorry-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf144;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-low-clearance" class="t-low-clearance"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-low-clearance" class="t-low-clearance"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-low-clearance" class="t-low-clearance"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-low-clearance" class="t-low-clearance"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-low-clearance" class="t-low-clearance"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-low-clearance" class="t-low-clearance"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-low-clearance" class="t-low-clearance"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-low-clearance" class="t-low-clearance"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-low-clearance" class="t-low-clearance"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-low-clearance" class="t-low-clearance"></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=".t-low-clearance" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf145;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-merge" class="t-merge"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-merge" class="t-merge"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-merge" class="t-merge"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-merge" class="t-merge"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-merge" class="t-merge"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-merge" class="t-merge"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-merge" class="t-merge"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-merge" class="t-merge"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-merge" class="t-merge"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-merge" class="t-merge"></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=".t-merge" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf146;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-metric-clearance" class="t-metric-clearance"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-metric-clearance" class="t-metric-clearance"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-metric-clearance" class="t-metric-clearance"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-metric-clearance" class="t-metric-clearance"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-metric-clearance" class="t-metric-clearance"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-metric-clearance" class="t-metric-clearance"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-metric-clearance" class="t-metric-clearance"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-metric-clearance" class="t-metric-clearance"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-metric-clearance" class="t-metric-clearance"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-metric-clearance" class="t-metric-clearance"></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=".t-metric-clearance" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf147;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-moped" class="t-moped"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-moped" class="t-moped"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-moped" class="t-moped"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-moped" class="t-moped"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-moped" class="t-moped"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-moped" class="t-moped"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-moped" class="t-moped"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-moped" class="t-moped"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-moped" class="t-moped"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-moped" class="t-moped"></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=".t-moped" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf148;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-motorbike" class="t-motorbike"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-motorbike" class="t-motorbike"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-motorbike" class="t-motorbike"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-motorbike" class="t-motorbike"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-motorbike" class="t-motorbike"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-motorbike" class="t-motorbike"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-motorbike" class="t-motorbike"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-motorbike" class="t-motorbike"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-motorbike" class="t-motorbike"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-motorbike" class="t-motorbike"></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=".t-motorbike" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf149;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-narrow-bridge-au" class="t-narrow-bridge-au"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-narrow-bridge-au" class="t-narrow-bridge-au"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-narrow-bridge-au" class="t-narrow-bridge-au"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-narrow-bridge-au" class="t-narrow-bridge-au"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-narrow-bridge-au" class="t-narrow-bridge-au"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-narrow-bridge-au" class="t-narrow-bridge-au"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-narrow-bridge-au" class="t-narrow-bridge-au"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-narrow-bridge-au" class="t-narrow-bridge-au"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-narrow-bridge-au" class="t-narrow-bridge-au"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-narrow-bridge-au" class="t-narrow-bridge-au"></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=".t-narrow-bridge-au" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf14a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-narrow-bridge-us" class="t-narrow-bridge-us"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-narrow-bridge-us" class="t-narrow-bridge-us"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-narrow-bridge-us" class="t-narrow-bridge-us"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-narrow-bridge-us" class="t-narrow-bridge-us"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-narrow-bridge-us" class="t-narrow-bridge-us"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-narrow-bridge-us" class="t-narrow-bridge-us"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-narrow-bridge-us" class="t-narrow-bridge-us"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-narrow-bridge-us" class="t-narrow-bridge-us"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-narrow-bridge-us" class="t-narrow-bridge-us"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-narrow-bridge-us" class="t-narrow-bridge-us"></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=".t-narrow-bridge-us" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf14b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-narrow-road-both" class="t-narrow-road-both"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-narrow-road-both" class="t-narrow-road-both"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-narrow-road-both" class="t-narrow-road-both"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-narrow-road-both" class="t-narrow-road-both"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-narrow-road-both" class="t-narrow-road-both"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-narrow-road-both" class="t-narrow-road-both"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-narrow-road-both" class="t-narrow-road-both"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-narrow-road-both" class="t-narrow-road-both"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-narrow-road-both" class="t-narrow-road-both"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-narrow-road-both" class="t-narrow-road-both"></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=".t-narrow-road-both" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf14c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-narrow-road-l" class="t-narrow-road-l"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-narrow-road-l" class="t-narrow-road-l"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-narrow-road-l" class="t-narrow-road-l"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-narrow-road-l" class="t-narrow-road-l"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-narrow-road-l" class="t-narrow-road-l"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-narrow-road-l" class="t-narrow-road-l"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-narrow-road-l" class="t-narrow-road-l"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-narrow-road-l" class="t-narrow-road-l"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-narrow-road-l" class="t-narrow-road-l"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-narrow-road-l" class="t-narrow-road-l"></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=".t-narrow-road-l" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf14d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-no-l-or-u-turn" class="t-no-l-or-u-turn"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-no-l-or-u-turn" class="t-no-l-or-u-turn"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-no-l-or-u-turn" class="t-no-l-or-u-turn"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-no-l-or-u-turn" class="t-no-l-or-u-turn"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-no-l-or-u-turn" class="t-no-l-or-u-turn"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-no-l-or-u-turn" class="t-no-l-or-u-turn"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-no-l-or-u-turn" class="t-no-l-or-u-turn"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-no-l-or-u-turn" class="t-no-l-or-u-turn"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-no-l-or-u-turn" class="t-no-l-or-u-turn"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-no-l-or-u-turn" class="t-no-l-or-u-turn"></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=".t-no-l-or-u-turn" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf14e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-octagon" class="t-octagon"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-octagon" class="t-octagon"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-octagon" class="t-octagon"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-octagon" class="t-octagon"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-octagon" class="t-octagon"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-octagon" class="t-octagon"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-octagon" class="t-octagon"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-octagon" class="t-octagon"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-octagon" class="t-octagon"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-octagon" class="t-octagon"></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=".t-octagon" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf14f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-offset-roads" class="t-offset-roads"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-offset-roads" class="t-offset-roads"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-offset-roads" class="t-offset-roads"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-offset-roads" class="t-offset-roads"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-offset-roads" class="t-offset-roads"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-offset-roads" class="t-offset-roads"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-offset-roads" class="t-offset-roads"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-offset-roads" class="t-offset-roads"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-offset-roads" class="t-offset-roads"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-offset-roads" class="t-offset-roads"></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=".t-offset-roads" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf150;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-opening-swing-bridge-ca" class="t-opening-swing-bridge-ca"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-opening-swing-bridge-ca" class="t-opening-swing-bridge-ca"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-opening-swing-bridge-ca" class="t-opening-swing-bridge-ca"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-opening-swing-bridge-ca" class="t-opening-swing-bridge-ca"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-opening-swing-bridge-ca" class="t-opening-swing-bridge-ca"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-opening-swing-bridge-ca" class="t-opening-swing-bridge-ca"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-opening-swing-bridge-ca" class="t-opening-swing-bridge-ca"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-opening-swing-bridge-ca" class="t-opening-swing-bridge-ca"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-opening-swing-bridge-ca" class="t-opening-swing-bridge-ca"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-opening-swing-bridge-ca" class="t-opening-swing-bridge-ca"></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=".t-opening-swing-bridge-ca" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf151;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-parking" class="t-parking"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-parking" class="t-parking"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-parking" class="t-parking"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-parking" class="t-parking"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-parking" class="t-parking"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-parking" class="t-parking"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-parking" class="t-parking"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-parking" class="t-parking"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-parking" class="t-parking"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-parking" class="t-parking"></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=".t-parking" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf152;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-pass-either-us" class="t-pass-either-us"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-pass-either-us" class="t-pass-either-us"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-pass-either-us" class="t-pass-either-us"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-pass-either-us" class="t-pass-either-us"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-pass-either-us" class="t-pass-either-us"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-pass-either-us" class="t-pass-either-us"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-pass-either-us" class="t-pass-either-us"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-pass-either-us" class="t-pass-either-us"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-pass-either-us" class="t-pass-either-us"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-pass-either-us" class="t-pass-either-us"></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=".t-pass-either-us" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf153;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-pass-l-r" class="t-pass-l-r"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-pass-l-r" class="t-pass-l-r"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-pass-l-r" class="t-pass-l-r"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-pass-l-r" class="t-pass-l-r"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-pass-l-r" class="t-pass-l-r"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-pass-l-r" class="t-pass-l-r"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-pass-l-r" class="t-pass-l-r"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-pass-l-r" class="t-pass-l-r"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-pass-l-r" class="t-pass-l-r"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-pass-l-r" class="t-pass-l-r"></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=".t-pass-l-r" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf154;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-pavement-ends" class="t-pavement-ends"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-pavement-ends" class="t-pavement-ends"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-pavement-ends" class="t-pavement-ends"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-pavement-ends" class="t-pavement-ends"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-pavement-ends" class="t-pavement-ends"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-pavement-ends" class="t-pavement-ends"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-pavement-ends" class="t-pavement-ends"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-pavement-ends" class="t-pavement-ends"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-pavement-ends" class="t-pavement-ends"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-pavement-ends" class="t-pavement-ends"></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=".t-pavement-ends" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf155;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-pedestrian" class="t-pedestrian"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-pedestrian" class="t-pedestrian"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-pedestrian" class="t-pedestrian"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-pedestrian" class="t-pedestrian"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-pedestrian" class="t-pedestrian"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-pedestrian" class="t-pedestrian"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-pedestrian" class="t-pedestrian"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-pedestrian" class="t-pedestrian"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-pedestrian" class="t-pedestrian"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-pedestrian" class="t-pedestrian"></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=".t-pedestrian" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf156;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-pedestrian-crossing" class="t-pedestrian-crossing"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-pedestrian-crossing" class="t-pedestrian-crossing"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-pedestrian-crossing" class="t-pedestrian-crossing"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-pedestrian-crossing" class="t-pedestrian-crossing"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-pedestrian-crossing" class="t-pedestrian-crossing"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-pedestrian-crossing" class="t-pedestrian-crossing"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-pedestrian-crossing" class="t-pedestrian-crossing"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-pedestrian-crossing" class="t-pedestrian-crossing"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-pedestrian-crossing" class="t-pedestrian-crossing"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-pedestrian-crossing" class="t-pedestrian-crossing"></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=".t-pedestrian-crossing" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf157;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-pedestrian-crossing-au" class="t-pedestrian-crossing-au"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-pedestrian-crossing-au" class="t-pedestrian-crossing-au"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-pedestrian-crossing-au" class="t-pedestrian-crossing-au"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-pedestrian-crossing-au" class="t-pedestrian-crossing-au"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-pedestrian-crossing-au" class="t-pedestrian-crossing-au"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-pedestrian-crossing-au" class="t-pedestrian-crossing-au"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-pedestrian-crossing-au" class="t-pedestrian-crossing-au"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-pedestrian-crossing-au" class="t-pedestrian-crossing-au"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-pedestrian-crossing-au" class="t-pedestrian-crossing-au"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-pedestrian-crossing-au" class="t-pedestrian-crossing-au"></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=".t-pedestrian-crossing-au" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf158;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-pedestrian_bra" class="t-pedestrian_bra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-pedestrian_bra" class="t-pedestrian_bra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-pedestrian_bra" class="t-pedestrian_bra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-pedestrian_bra" class="t-pedestrian_bra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-pedestrian_bra" class="t-pedestrian_bra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-pedestrian_bra" class="t-pedestrian_bra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-pedestrian_bra" class="t-pedestrian_bra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-pedestrian_bra" class="t-pedestrian_bra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-pedestrian_bra" class="t-pedestrian_bra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-pedestrian_bra" class="t-pedestrian_bra"></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=".t-pedestrian_bra" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf159;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-pedestrian_crossing_bra" class="t-pedestrian_crossing_bra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-pedestrian_crossing_bra" class="t-pedestrian_crossing_bra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-pedestrian_crossing_bra" class="t-pedestrian_crossing_bra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-pedestrian_crossing_bra" class="t-pedestrian_crossing_bra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-pedestrian_crossing_bra" class="t-pedestrian_crossing_bra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-pedestrian_crossing_bra" class="t-pedestrian_crossing_bra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-pedestrian_crossing_bra" class="t-pedestrian_crossing_bra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-pedestrian_crossing_bra" class="t-pedestrian_crossing_bra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-pedestrian_crossing_bra" class="t-pedestrian_crossing_bra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-pedestrian_crossing_bra" class="t-pedestrian_crossing_bra"></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=".t-pedestrian_crossing_bra" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf15a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-pedestrians" class="t-pedestrians"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-pedestrians" class="t-pedestrians"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-pedestrians" class="t-pedestrians"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-pedestrians" class="t-pedestrians"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-pedestrians" class="t-pedestrians"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-pedestrians" class="t-pedestrians"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-pedestrians" class="t-pedestrians"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-pedestrians" class="t-pedestrians"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-pedestrians" class="t-pedestrians"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-pedestrians" class="t-pedestrians"></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=".t-pedestrians" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf15b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-play-ground" class="t-play-ground"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-play-ground" class="t-play-ground"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-play-ground" class="t-play-ground"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-play-ground" class="t-play-ground"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-play-ground" class="t-play-ground"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-play-ground" class="t-play-ground"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-play-ground" class="t-play-ground"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-play-ground" class="t-play-ground"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-play-ground" class="t-play-ground"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-play-ground" class="t-play-ground"></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=".t-play-ground" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf15c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-playground-ahead-ca" class="t-playground-ahead-ca"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-playground-ahead-ca" class="t-playground-ahead-ca"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-playground-ahead-ca" class="t-playground-ahead-ca"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-playground-ahead-ca" class="t-playground-ahead-ca"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-playground-ahead-ca" class="t-playground-ahead-ca"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-playground-ahead-ca" class="t-playground-ahead-ca"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-playground-ahead-ca" class="t-playground-ahead-ca"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-playground-ahead-ca" class="t-playground-ahead-ca"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-playground-ahead-ca" class="t-playground-ahead-ca"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-playground-ahead-ca" class="t-playground-ahead-ca"></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=".t-playground-ahead-ca" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf15d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-playground-br" class="t-playground-br"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-playground-br" class="t-playground-br"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-playground-br" class="t-playground-br"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-playground-br" class="t-playground-br"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-playground-br" class="t-playground-br"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-playground-br" class="t-playground-br"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-playground-br" class="t-playground-br"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-playground-br" class="t-playground-br"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-playground-br" class="t-playground-br"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-playground-br" class="t-playground-br"></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=".t-playground-br" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf15e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-pretzel-loop" class="t-pretzel-loop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-pretzel-loop" class="t-pretzel-loop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-pretzel-loop" class="t-pretzel-loop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-pretzel-loop" class="t-pretzel-loop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-pretzel-loop" class="t-pretzel-loop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-pretzel-loop" class="t-pretzel-loop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-pretzel-loop" class="t-pretzel-loop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-pretzel-loop" class="t-pretzel-loop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-pretzel-loop" class="t-pretzel-loop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-pretzel-loop" class="t-pretzel-loop"></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=".t-pretzel-loop" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf15f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-railroad" class="t-railroad"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-railroad" class="t-railroad"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-railroad" class="t-railroad"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-railroad" class="t-railroad"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-railroad" class="t-railroad"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-railroad" class="t-railroad"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-railroad" class="t-railroad"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-railroad" class="t-railroad"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-railroad" class="t-railroad"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-railroad" class="t-railroad"></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=".t-railroad" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf160;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-railroad-barriers" class="t-railroad-barriers"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-railroad-barriers" class="t-railroad-barriers"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-railroad-barriers" class="t-railroad-barriers"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-railroad-barriers" class="t-railroad-barriers"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-railroad-barriers" class="t-railroad-barriers"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-railroad-barriers" class="t-railroad-barriers"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-railroad-barriers" class="t-railroad-barriers"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-railroad-barriers" class="t-railroad-barriers"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-railroad-barriers" class="t-railroad-barriers"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-railroad-barriers" class="t-railroad-barriers"></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=".t-railroad-barriers" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf161;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-railway-flashing-au" class="t-railway-flashing-au"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-railway-flashing-au" class="t-railway-flashing-au"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-railway-flashing-au" class="t-railway-flashing-au"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-railway-flashing-au" class="t-railway-flashing-au"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-railway-flashing-au" class="t-railway-flashing-au"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-railway-flashing-au" class="t-railway-flashing-au"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-railway-flashing-au" class="t-railway-flashing-au"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-railway-flashing-au" class="t-railway-flashing-au"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-railway-flashing-au" class="t-railway-flashing-au"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-railway-flashing-au" class="t-railway-flashing-au"></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=".t-railway-flashing-au" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf162;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-railway-xing-secured" class="t-railway-xing-secured"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-railway-xing-secured" class="t-railway-xing-secured"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-railway-xing-secured" class="t-railway-xing-secured"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-railway-xing-secured" class="t-railway-xing-secured"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-railway-xing-secured" class="t-railway-xing-secured"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-railway-xing-secured" class="t-railway-xing-secured"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-railway-xing-secured" class="t-railway-xing-secured"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-railway-xing-secured" class="t-railway-xing-secured"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-railway-xing-secured" class="t-railway-xing-secured"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-railway-xing-secured" class="t-railway-xing-secured"></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=".t-railway-xing-secured" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf163;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-railway-xing-unsecured" class="t-railway-xing-unsecured"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-railway-xing-unsecured" class="t-railway-xing-unsecured"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-railway-xing-unsecured" class="t-railway-xing-unsecured"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-railway-xing-unsecured" class="t-railway-xing-unsecured"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-railway-xing-unsecured" class="t-railway-xing-unsecured"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-railway-xing-unsecured" class="t-railway-xing-unsecured"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-railway-xing-unsecured" class="t-railway-xing-unsecured"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-railway-xing-unsecured" class="t-railway-xing-unsecured"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-railway-xing-unsecured" class="t-railway-xing-unsecured"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-railway-xing-unsecured" class="t-railway-xing-unsecured"></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=".t-railway-xing-unsecured" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf164;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-reverse-curve-au" class="t-reverse-curve-au"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-reverse-curve-au" class="t-reverse-curve-au"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-reverse-curve-au" class="t-reverse-curve-au"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-reverse-curve-au" class="t-reverse-curve-au"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-reverse-curve-au" class="t-reverse-curve-au"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-reverse-curve-au" class="t-reverse-curve-au"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-reverse-curve-au" class="t-reverse-curve-au"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-reverse-curve-au" class="t-reverse-curve-au"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-reverse-curve-au" class="t-reverse-curve-au"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-reverse-curve-au" class="t-reverse-curve-au"></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=".t-reverse-curve-au" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf165;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-reverse-curve-ontario" class="t-reverse-curve-ontario"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-reverse-curve-ontario" class="t-reverse-curve-ontario"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-reverse-curve-ontario" class="t-reverse-curve-ontario"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-reverse-curve-ontario" class="t-reverse-curve-ontario"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-reverse-curve-ontario" class="t-reverse-curve-ontario"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-reverse-curve-ontario" class="t-reverse-curve-ontario"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-reverse-curve-ontario" class="t-reverse-curve-ontario"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-reverse-curve-ontario" class="t-reverse-curve-ontario"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-reverse-curve-ontario" class="t-reverse-curve-ontario"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-reverse-curve-ontario" class="t-reverse-curve-ontario"></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=".t-reverse-curve-ontario" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf166;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-right-of-way" class="t-right-of-way"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-right-of-way" class="t-right-of-way"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-right-of-way" class="t-right-of-way"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-right-of-way" class="t-right-of-way"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-right-of-way" class="t-right-of-way"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-right-of-way" class="t-right-of-way"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-right-of-way" class="t-right-of-way"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-right-of-way" class="t-right-of-way"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-right-of-way" class="t-right-of-way"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-right-of-way" class="t-right-of-way"></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=".t-right-of-way" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf167;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-right-of-way-l" class="t-right-of-way-l"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-right-of-way-l" class="t-right-of-way-l"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-right-of-way-l" class="t-right-of-way-l"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-right-of-way-l" class="t-right-of-way-l"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-right-of-way-l" class="t-right-of-way-l"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-right-of-way-l" class="t-right-of-way-l"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-right-of-way-l" class="t-right-of-way-l"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-right-of-way-l" class="t-right-of-way-l"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-right-of-way-l" class="t-right-of-way-l"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-right-of-way-l" class="t-right-of-way-l"></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=".t-right-of-way-l" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf168;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-roadworks" class="t-roadworks"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-roadworks" class="t-roadworks"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-roadworks" class="t-roadworks"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-roadworks" class="t-roadworks"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-roadworks" class="t-roadworks"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-roadworks" class="t-roadworks"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-roadworks" class="t-roadworks"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-roadworks" class="t-roadworks"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-roadworks" class="t-roadworks"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-roadworks" class="t-roadworks"></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=".t-roadworks" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf169;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-roadworks_bra" class="t-roadworks_bra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-roadworks_bra" class="t-roadworks_bra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-roadworks_bra" class="t-roadworks_bra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-roadworks_bra" class="t-roadworks_bra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-roadworks_bra" class="t-roadworks_bra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-roadworks_bra" class="t-roadworks_bra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-roadworks_bra" class="t-roadworks_bra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-roadworks_bra" class="t-roadworks_bra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-roadworks_bra" class="t-roadworks_bra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-roadworks_bra" class="t-roadworks_bra"></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=".t-roadworks_bra" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf16a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-rollerblading" class="t-rollerblading"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-rollerblading" class="t-rollerblading"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-rollerblading" class="t-rollerblading"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-rollerblading" class="t-rollerblading"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-rollerblading" class="t-rollerblading"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-rollerblading" class="t-rollerblading"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-rollerblading" class="t-rollerblading"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-rollerblading" class="t-rollerblading"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-rollerblading" class="t-rollerblading"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-rollerblading" class="t-rollerblading"></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=".t-rollerblading" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf16b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-roundabout" class="t-roundabout"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-roundabout" class="t-roundabout"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-roundabout" class="t-roundabout"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-roundabout" class="t-roundabout"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-roundabout" class="t-roundabout"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-roundabout" class="t-roundabout"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-roundabout" class="t-roundabout"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-roundabout" class="t-roundabout"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-roundabout" class="t-roundabout"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-roundabout" class="t-roundabout"></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=".t-roundabout" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf16c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-school" class="t-school"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-school" class="t-school"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-school" class="t-school"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-school" class="t-school"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-school" class="t-school"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-school" class="t-school"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-school" class="t-school"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-school" class="t-school"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-school" class="t-school"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-school" class="t-school"></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=".t-school" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf16d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-school_zone_bra" class="t-school_zone_bra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-school_zone_bra" class="t-school_zone_bra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-school_zone_bra" class="t-school_zone_bra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-school_zone_bra" class="t-school_zone_bra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-school_zone_bra" class="t-school_zone_bra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-school_zone_bra" class="t-school_zone_bra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-school_zone_bra" class="t-school_zone_bra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-school_zone_bra" class="t-school_zone_bra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-school_zone_bra" class="t-school_zone_bra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-school_zone_bra" class="t-school_zone_bra"></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=".t-school_zone_bra" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf16e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-series-of-curves-left" class="t-series-of-curves-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-series-of-curves-left" class="t-series-of-curves-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-series-of-curves-left" class="t-series-of-curves-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-series-of-curves-left" class="t-series-of-curves-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-series-of-curves-left" class="t-series-of-curves-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-series-of-curves-left" class="t-series-of-curves-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-series-of-curves-left" class="t-series-of-curves-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-series-of-curves-left" class="t-series-of-curves-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-series-of-curves-left" class="t-series-of-curves-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-series-of-curves-left" class="t-series-of-curves-left"></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=".t-series-of-curves-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf16f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-share-road" class="t-share-road"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-share-road" class="t-share-road"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-share-road" class="t-share-road"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-share-road" class="t-share-road"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-share-road" class="t-share-road"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-share-road" class="t-share-road"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-share-road" class="t-share-road"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-share-road" class="t-share-road"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-share-road" class="t-share-road"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-share-road" class="t-share-road"></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=".t-share-road" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf170;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-share-roads" class="t-share-roads"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-share-roads" class="t-share-roads"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-share-roads" class="t-share-roads"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-share-roads" class="t-share-roads"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-share-roads" class="t-share-roads"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-share-roads" class="t-share-roads"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-share-roads" class="t-share-roads"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-share-roads" class="t-share-roads"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-share-roads" class="t-share-roads"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-share-roads" class="t-share-roads"></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=".t-share-roads" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf171;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-side-road-a-a-l" class="t-side-road-a-a-l"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-side-road-a-a-l" class="t-side-road-a-a-l"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-side-road-a-a-l" class="t-side-road-a-a-l"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-side-road-a-a-l" class="t-side-road-a-a-l"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-side-road-a-a-l" class="t-side-road-a-a-l"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-side-road-a-a-l" class="t-side-road-a-a-l"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-side-road-a-a-l" class="t-side-road-a-a-l"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-side-road-a-a-l" class="t-side-road-a-a-l"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-side-road-a-a-l" class="t-side-road-a-a-l"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-side-road-a-a-l" class="t-side-road-a-a-l"></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=".t-side-road-a-a-l" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf172;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-side-road-a-a-r" class="t-side-road-a-a-r"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-side-road-a-a-r" class="t-side-road-a-a-r"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-side-road-a-a-r" class="t-side-road-a-a-r"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-side-road-a-a-r" class="t-side-road-a-a-r"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-side-road-a-a-r" class="t-side-road-a-a-r"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-side-road-a-a-r" class="t-side-road-a-a-r"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-side-road-a-a-r" class="t-side-road-a-a-r"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-side-road-a-a-r" class="t-side-road-a-a-r"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-side-road-a-a-r" class="t-side-road-a-a-r"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-side-road-a-a-r" class="t-side-road-a-a-r"></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=".t-side-road-a-a-r" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf173;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-side-road-p-l" class="t-side-road-p-l"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-side-road-p-l" class="t-side-road-p-l"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-side-road-p-l" class="t-side-road-p-l"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-side-road-p-l" class="t-side-road-p-l"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-side-road-p-l" class="t-side-road-p-l"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-side-road-p-l" class="t-side-road-p-l"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-side-road-p-l" class="t-side-road-p-l"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-side-road-p-l" class="t-side-road-p-l"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-side-road-p-l" class="t-side-road-p-l"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-side-road-p-l" class="t-side-road-p-l"></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=".t-side-road-p-l" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf174;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-side-road-p-r" class="t-side-road-p-r"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-side-road-p-r" class="t-side-road-p-r"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-side-road-p-r" class="t-side-road-p-r"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-side-road-p-r" class="t-side-road-p-r"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-side-road-p-r" class="t-side-road-p-r"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-side-road-p-r" class="t-side-road-p-r"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-side-road-p-r" class="t-side-road-p-r"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-side-road-p-r" class="t-side-road-p-r"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-side-road-p-r" class="t-side-road-p-r"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-side-road-p-r" class="t-side-road-p-r"></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=".t-side-road-p-r" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf175;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-side-road-perpendicular" class="t-side-road-perpendicular"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-side-road-perpendicular" class="t-side-road-perpendicular"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-side-road-perpendicular" class="t-side-road-perpendicular"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-side-road-perpendicular" class="t-side-road-perpendicular"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-side-road-perpendicular" class="t-side-road-perpendicular"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-side-road-perpendicular" class="t-side-road-perpendicular"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-side-road-perpendicular" class="t-side-road-perpendicular"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-side-road-perpendicular" class="t-side-road-perpendicular"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-side-road-perpendicular" class="t-side-road-perpendicular"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-side-road-perpendicular" class="t-side-road-perpendicular"></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=".t-side-road-perpendicular" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf176;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-single-2-reverse-curve" class="t-single-2-reverse-curve"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-single-2-reverse-curve" class="t-single-2-reverse-curve"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-single-2-reverse-curve" class="t-single-2-reverse-curve"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-single-2-reverse-curve" class="t-single-2-reverse-curve"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-single-2-reverse-curve" class="t-single-2-reverse-curve"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-single-2-reverse-curve" class="t-single-2-reverse-curve"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-single-2-reverse-curve" class="t-single-2-reverse-curve"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-single-2-reverse-curve" class="t-single-2-reverse-curve"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-single-2-reverse-curve" class="t-single-2-reverse-curve"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-single-2-reverse-curve" class="t-single-2-reverse-curve"></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=".t-single-2-reverse-curve" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf177;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-skewed-railroads" class="t-skewed-railroads"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-skewed-railroads" class="t-skewed-railroads"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-skewed-railroads" class="t-skewed-railroads"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-skewed-railroads" class="t-skewed-railroads"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-skewed-railroads" class="t-skewed-railroads"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-skewed-railroads" class="t-skewed-railroads"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-skewed-railroads" class="t-skewed-railroads"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-skewed-railroads" class="t-skewed-railroads"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-skewed-railroads" class="t-skewed-railroads"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-skewed-railroads" class="t-skewed-railroads"></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=".t-skewed-railroads" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf178;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-slippery" class="t-slippery"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-slippery" class="t-slippery"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-slippery" class="t-slippery"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-slippery" class="t-slippery"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-slippery" class="t-slippery"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-slippery" class="t-slippery"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-slippery" class="t-slippery"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-slippery" class="t-slippery"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-slippery" class="t-slippery"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-slippery" class="t-slippery"></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=".t-slippery" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf179;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-slippery-motorcycle" class="t-slippery-motorcycle"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-slippery-motorcycle" class="t-slippery-motorcycle"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-slippery-motorcycle" class="t-slippery-motorcycle"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-slippery-motorcycle" class="t-slippery-motorcycle"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-slippery-motorcycle" class="t-slippery-motorcycle"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-slippery-motorcycle" class="t-slippery-motorcycle"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-slippery-motorcycle" class="t-slippery-motorcycle"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-slippery-motorcycle" class="t-slippery-motorcycle"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-slippery-motorcycle" class="t-slippery-motorcycle"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-slippery-motorcycle" class="t-slippery-motorcycle"></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=".t-slippery-motorcycle" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf17a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-slippery-road" class="t-slippery-road"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-slippery-road" class="t-slippery-road"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-slippery-road" class="t-slippery-road"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-slippery-road" class="t-slippery-road"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-slippery-road" class="t-slippery-road"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-slippery-road" class="t-slippery-road"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-slippery-road" class="t-slippery-road"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-slippery-road" class="t-slippery-road"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-slippery-road" class="t-slippery-road"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-slippery-road" class="t-slippery-road"></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=".t-slippery-road" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf17b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-small-arrow-au" class="t-small-arrow-au"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-small-arrow-au" class="t-small-arrow-au"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-small-arrow-au" class="t-small-arrow-au"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-small-arrow-au" class="t-small-arrow-au"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-small-arrow-au" class="t-small-arrow-au"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-small-arrow-au" class="t-small-arrow-au"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-small-arrow-au" class="t-small-arrow-au"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-small-arrow-au" class="t-small-arrow-au"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-small-arrow-au" class="t-small-arrow-au"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-small-arrow-au" class="t-small-arrow-au"></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=".t-small-arrow-au" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf17c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-snowflake" class="t-snowflake"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-snowflake" class="t-snowflake"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-snowflake" class="t-snowflake"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-snowflake" class="t-snowflake"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-snowflake" class="t-snowflake"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-snowflake" class="t-snowflake"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-snowflake" class="t-snowflake"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-snowflake" class="t-snowflake"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-snowflake" class="t-snowflake"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-snowflake" class="t-snowflake"></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=".t-snowflake" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf17d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-square-angular" class="t-square-angular"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-square-angular" class="t-square-angular"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-square-angular" class="t-square-angular"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-square-angular" class="t-square-angular"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-square-angular" class="t-square-angular"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-square-angular" class="t-square-angular"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-square-angular" class="t-square-angular"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-square-angular" class="t-square-angular"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-square-angular" class="t-square-angular"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-square-angular" class="t-square-angular"></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=".t-square-angular" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf17e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-square-diagonal-bar" class="t-square-diagonal-bar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-square-diagonal-bar" class="t-square-diagonal-bar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-square-diagonal-bar" class="t-square-diagonal-bar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-square-diagonal-bar" class="t-square-diagonal-bar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-square-diagonal-bar" class="t-square-diagonal-bar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-square-diagonal-bar" class="t-square-diagonal-bar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-square-diagonal-bar" class="t-square-diagonal-bar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-square-diagonal-bar" class="t-square-diagonal-bar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-square-diagonal-bar" class="t-square-diagonal-bar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-square-diagonal-bar" class="t-square-diagonal-bar"></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=".t-square-diagonal-bar" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf17f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-square-rounded" class="t-square-rounded"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-square-rounded" class="t-square-rounded"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-square-rounded" class="t-square-rounded"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-square-rounded" class="t-square-rounded"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-square-rounded" class="t-square-rounded"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-square-rounded" class="t-square-rounded"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-square-rounded" class="t-square-rounded"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-square-rounded" class="t-square-rounded"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-square-rounded" class="t-square-rounded"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-square-rounded" class="t-square-rounded"></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=".t-square-rounded" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf180;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-steep-hill" class="t-steep-hill"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-steep-hill" class="t-steep-hill"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-steep-hill" class="t-steep-hill"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-steep-hill" class="t-steep-hill"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-steep-hill" class="t-steep-hill"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-steep-hill" class="t-steep-hill"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-steep-hill" class="t-steep-hill"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-steep-hill" class="t-steep-hill"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-steep-hill" class="t-steep-hill"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-steep-hill" class="t-steep-hill"></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=".t-steep-hill" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf181;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-steep-hill-downwards" class="t-steep-hill-downwards"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-steep-hill-downwards" class="t-steep-hill-downwards"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-steep-hill-downwards" class="t-steep-hill-downwards"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-steep-hill-downwards" class="t-steep-hill-downwards"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-steep-hill-downwards" class="t-steep-hill-downwards"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-steep-hill-downwards" class="t-steep-hill-downwards"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-steep-hill-downwards" class="t-steep-hill-downwards"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-steep-hill-downwards" class="t-steep-hill-downwards"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-steep-hill-downwards" class="t-steep-hill-downwards"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-steep-hill-downwards" class="t-steep-hill-downwards"></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=".t-steep-hill-downwards" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf182;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-steep-hill-upwards" class="t-steep-hill-upwards"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-steep-hill-upwards" class="t-steep-hill-upwards"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-steep-hill-upwards" class="t-steep-hill-upwards"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-steep-hill-upwards" class="t-steep-hill-upwards"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-steep-hill-upwards" class="t-steep-hill-upwards"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-steep-hill-upwards" class="t-steep-hill-upwards"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-steep-hill-upwards" class="t-steep-hill-upwards"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-steep-hill-upwards" class="t-steep-hill-upwards"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-steep-hill-upwards" class="t-steep-hill-upwards"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-steep-hill-upwards" class="t-steep-hill-upwards"></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=".t-steep-hill-upwards" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf183;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-stop" class="t-stop"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-stop" class="t-stop"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-stop" class="t-stop"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-stop" class="t-stop"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-stop" class="t-stop"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-stop" class="t-stop"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-stop" class="t-stop"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-stop" class="t-stop"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-stop" class="t-stop"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-stop" class="t-stop"></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=".t-stop" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf184;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-t-roads" class="t-t-roads"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-t-roads" class="t-t-roads"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-t-roads" class="t-t-roads"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-t-roads" class="t-t-roads"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-t-roads" class="t-t-roads"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-t-roads" class="t-t-roads"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-t-roads" class="t-t-roads"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-t-roads" class="t-t-roads"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-t-roads" class="t-t-roads"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-t-roads" class="t-t-roads"></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=".t-t-roads" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf185;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-tractor" class="t-tractor"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-tractor" class="t-tractor"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-tractor" class="t-tractor"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-tractor" class="t-tractor"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-tractor" class="t-tractor"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-tractor" class="t-tractor"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-tractor" class="t-tractor"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-tractor" class="t-tractor"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-tractor" class="t-tractor"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-tractor" class="t-tractor"></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=".t-tractor" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf186;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-traffic-signal-au" class="t-traffic-signal-au"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-traffic-signal-au" class="t-traffic-signal-au"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-traffic-signal-au" class="t-traffic-signal-au"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-traffic-signal-au" class="t-traffic-signal-au"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-traffic-signal-au" class="t-traffic-signal-au"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-traffic-signal-au" class="t-traffic-signal-au"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-traffic-signal-au" class="t-traffic-signal-au"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-traffic-signal-au" class="t-traffic-signal-au"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-traffic-signal-au" class="t-traffic-signal-au"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-traffic-signal-au" class="t-traffic-signal-au"></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=".t-traffic-signal-au" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf187;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-trailer" class="t-trailer"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-trailer" class="t-trailer"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-trailer" class="t-trailer"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-trailer" class="t-trailer"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-trailer" class="t-trailer"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-trailer" class="t-trailer"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-trailer" class="t-trailer"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-trailer" class="t-trailer"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-trailer" class="t-trailer"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-trailer" class="t-trailer"></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=".t-trailer" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf188;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-train-au" class="t-train-au"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-train-au" class="t-train-au"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-train-au" class="t-train-au"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-train-au" class="t-train-au"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-train-au" class="t-train-au"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-train-au" class="t-train-au"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-train-au" class="t-train-au"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-train-au" class="t-train-au"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-train-au" class="t-train-au"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-train-au" class="t-train-au"></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=".t-train-au" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf189;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-train-electric" class="t-train-electric"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-train-electric" class="t-train-electric"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-train-electric" class="t-train-electric"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-train-electric" class="t-train-electric"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-train-electric" class="t-train-electric"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-train-electric" class="t-train-electric"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-train-electric" class="t-train-electric"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-train-electric" class="t-train-electric"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-train-electric" class="t-train-electric"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-train-electric" class="t-train-electric"></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=".t-train-electric" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf18a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-tram" class="t-tram"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-tram" class="t-tram"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-tram" class="t-tram"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-tram" class="t-tram"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-tram" class="t-tram"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-tram" class="t-tram"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-tram" class="t-tram"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-tram" class="t-tram"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-tram" class="t-tram"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-tram" class="t-tram"></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=".t-tram" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf18b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-transit_bra" class="t-transit_bra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-transit_bra" class="t-transit_bra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-transit_bra" class="t-transit_bra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-transit_bra" class="t-transit_bra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-transit_bra" class="t-transit_bra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-transit_bra" class="t-transit_bra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-transit_bra" class="t-transit_bra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-transit_bra" class="t-transit_bra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-transit_bra" class="t-transit_bra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-transit_bra" class="t-transit_bra"></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=".t-transit_bra" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf18c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-tri-angular" class="t-tri-angular"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-tri-angular" class="t-tri-angular"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-tri-angular" class="t-tri-angular"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-tri-angular" class="t-tri-angular"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-tri-angular" class="t-tri-angular"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-tri-angular" class="t-tri-angular"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-tri-angular" class="t-tri-angular"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-tri-angular" class="t-tri-angular"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-tri-angular" class="t-tri-angular"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-tri-angular" class="t-tri-angular"></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=".t-tri-angular" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf18d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-tri-rounded" class="t-tri-rounded"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-tri-rounded" class="t-tri-rounded"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-tri-rounded" class="t-tri-rounded"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-tri-rounded" class="t-tri-rounded"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-tri-rounded" class="t-tri-rounded"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-tri-rounded" class="t-tri-rounded"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-tri-rounded" class="t-tri-rounded"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-tri-rounded" class="t-tri-rounded"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-tri-rounded" class="t-tri-rounded"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-tri-rounded" class="t-tri-rounded"></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=".t-tri-rounded" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf18e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-truck" class="t-truck"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-truck" class="t-truck"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-truck" class="t-truck"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-truck" class="t-truck"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-truck" class="t-truck"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-truck" class="t-truck"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-truck" class="t-truck"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-truck" class="t-truck"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-truck" class="t-truck"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-truck" class="t-truck"></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=".t-truck" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf18f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-truck-rollover-speed" class="t-truck-rollover-speed"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-truck-rollover-speed" class="t-truck-rollover-speed"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-truck-rollover-speed" class="t-truck-rollover-speed"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-truck-rollover-speed" class="t-truck-rollover-speed"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-truck-rollover-speed" class="t-truck-rollover-speed"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-truck-rollover-speed" class="t-truck-rollover-speed"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-truck-rollover-speed" class="t-truck-rollover-speed"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-truck-rollover-speed" class="t-truck-rollover-speed"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-truck-rollover-speed" class="t-truck-rollover-speed"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-truck-rollover-speed" class="t-truck-rollover-speed"></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=".t-truck-rollover-speed" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf190;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-trucks-rollover" class="t-trucks-rollover"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-trucks-rollover" class="t-trucks-rollover"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-trucks-rollover" class="t-trucks-rollover"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-trucks-rollover" class="t-trucks-rollover"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-trucks-rollover" class="t-trucks-rollover"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-trucks-rollover" class="t-trucks-rollover"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-trucks-rollover" class="t-trucks-rollover"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-trucks-rollover" class="t-trucks-rollover"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-trucks-rollover" class="t-trucks-rollover"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-trucks-rollover" class="t-trucks-rollover"></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=".t-trucks-rollover" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf191;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-tunnel" class="t-tunnel"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-tunnel" class="t-tunnel"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-tunnel" class="t-tunnel"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-tunnel" class="t-tunnel"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-tunnel" class="t-tunnel"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-tunnel" class="t-tunnel"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-tunnel" class="t-tunnel"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-tunnel" class="t-tunnel"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-tunnel" class="t-tunnel"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-tunnel" class="t-tunnel"></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=".t-tunnel" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf192;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-turn-90-l" class="t-turn-90-l"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-turn-90-l" class="t-turn-90-l"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-turn-90-l" class="t-turn-90-l"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-turn-90-l" class="t-turn-90-l"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-turn-90-l" class="t-turn-90-l"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-turn-90-l" class="t-turn-90-l"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-turn-90-l" class="t-turn-90-l"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-turn-90-l" class="t-turn-90-l"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-turn-90-l" class="t-turn-90-l"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-turn-90-l" class="t-turn-90-l"></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=".t-turn-90-l" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf193;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-turn-curve-speed" class="t-turn-curve-speed"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-turn-curve-speed" class="t-turn-curve-speed"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-turn-curve-speed" class="t-turn-curve-speed"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-turn-curve-speed" class="t-turn-curve-speed"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-turn-curve-speed" class="t-turn-curve-speed"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-turn-curve-speed" class="t-turn-curve-speed"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-turn-curve-speed" class="t-turn-curve-speed"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-turn-curve-speed" class="t-turn-curve-speed"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-turn-curve-speed" class="t-turn-curve-speed"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-turn-curve-speed" class="t-turn-curve-speed"></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=".t-turn-curve-speed" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf194;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-turn-l" class="t-turn-l"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-turn-l" class="t-turn-l"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-turn-l" class="t-turn-l"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-turn-l" class="t-turn-l"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-turn-l" class="t-turn-l"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-turn-l" class="t-turn-l"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-turn-l" class="t-turn-l"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-turn-l" class="t-turn-l"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-turn-l" class="t-turn-l"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-turn-l" class="t-turn-l"></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=".t-turn-l" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf195;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-turn-l-aus" class="t-turn-l-aus"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-turn-l-aus" class="t-turn-l-aus"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-turn-l-aus" class="t-turn-l-aus"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-turn-l-aus" class="t-turn-l-aus"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-turn-l-aus" class="t-turn-l-aus"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-turn-l-aus" class="t-turn-l-aus"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-turn-l-aus" class="t-turn-l-aus"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-turn-l-aus" class="t-turn-l-aus"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-turn-l-aus" class="t-turn-l-aus"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-turn-l-aus" class="t-turn-l-aus"></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=".t-turn-l-aus" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf196;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-turn-l-curve" class="t-turn-l-curve"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-turn-l-curve" class="t-turn-l-curve"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-turn-l-curve" class="t-turn-l-curve"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-turn-l-curve" class="t-turn-l-curve"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-turn-l-curve" class="t-turn-l-curve"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-turn-l-curve" class="t-turn-l-curve"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-turn-l-curve" class="t-turn-l-curve"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-turn-l-curve" class="t-turn-l-curve"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-turn-l-curve" class="t-turn-l-curve"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-turn-l-curve" class="t-turn-l-curve"></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=".t-turn-l-curve" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf197;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-turn-reverse-left" class="t-turn-reverse-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-turn-reverse-left" class="t-turn-reverse-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-turn-reverse-left" class="t-turn-reverse-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-turn-reverse-left" class="t-turn-reverse-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-turn-reverse-left" class="t-turn-reverse-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-turn-reverse-left" class="t-turn-reverse-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-turn-reverse-left" class="t-turn-reverse-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-turn-reverse-left" class="t-turn-reverse-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-turn-reverse-left" class="t-turn-reverse-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-turn-reverse-left" class="t-turn-reverse-left"></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=".t-turn-reverse-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf198;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-turn-right-curve-ontario" class="t-turn-right-curve-ontario"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-turn-right-curve-ontario" class="t-turn-right-curve-ontario"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-turn-right-curve-ontario" class="t-turn-right-curve-ontario"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-turn-right-curve-ontario" class="t-turn-right-curve-ontario"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-turn-right-curve-ontario" class="t-turn-right-curve-ontario"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-turn-right-curve-ontario" class="t-turn-right-curve-ontario"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-turn-right-curve-ontario" class="t-turn-right-curve-ontario"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-turn-right-curve-ontario" class="t-turn-right-curve-ontario"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-turn-right-curve-ontario" class="t-turn-right-curve-ontario"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-turn-right-curve-ontario" class="t-turn-right-curve-ontario"></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=".t-turn-right-curve-ontario" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf199;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-turnaround" class="t-turnaround"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-turnaround" class="t-turnaround"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-turnaround" class="t-turnaround"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-turnaround" class="t-turnaround"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-turnaround" class="t-turnaround"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-turnaround" class="t-turnaround"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-turnaround" class="t-turnaround"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-turnaround" class="t-turnaround"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-turnaround" class="t-turnaround"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-turnaround" class="t-turnaround"></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=".t-turnaround" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf19a;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-turnaround2" class="t-turnaround2"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-turnaround2" class="t-turnaround2"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-turnaround2" class="t-turnaround2"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-turnaround2" class="t-turnaround2"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-turnaround2" class="t-turnaround2"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-turnaround2" class="t-turnaround2"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-turnaround2" class="t-turnaround2"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-turnaround2" class="t-turnaround2"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-turnaround2" class="t-turnaround2"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-turnaround2" class="t-turnaround2"></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=".t-turnaround2" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf19b;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-two_way_arrows_bra" class="t-two_way_arrows_bra"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-two_way_arrows_bra" class="t-two_way_arrows_bra"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-two_way_arrows_bra" class="t-two_way_arrows_bra"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-two_way_arrows_bra" class="t-two_way_arrows_bra"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-two_way_arrows_bra" class="t-two_way_arrows_bra"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-two_way_arrows_bra" class="t-two_way_arrows_bra"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-two_way_arrows_bra" class="t-two_way_arrows_bra"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-two_way_arrows_bra" class="t-two_way_arrows_bra"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-two_way_arrows_bra" class="t-two_way_arrows_bra"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-two_way_arrows_bra" class="t-two_way_arrows_bra"></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=".t-two_way_arrows_bra" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf19c;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-u-turn" class="t-u-turn"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-u-turn" class="t-u-turn"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-u-turn" class="t-u-turn"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-u-turn" class="t-u-turn"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-u-turn" class="t-u-turn"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-u-turn" class="t-u-turn"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-u-turn" class="t-u-turn"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-u-turn" class="t-u-turn"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-u-turn" class="t-u-turn"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-u-turn" class="t-u-turn"></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=".t-u-turn" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf19d;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-u-turn-au" class="t-u-turn-au"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-u-turn-au" class="t-u-turn-au"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-u-turn-au" class="t-u-turn-au"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-u-turn-au" class="t-u-turn-au"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-u-turn-au" class="t-u-turn-au"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-u-turn-au" class="t-u-turn-au"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-u-turn-au" class="t-u-turn-au"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-u-turn-au" class="t-u-turn-au"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-u-turn-au" class="t-u-turn-au"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-u-turn-au" class="t-u-turn-au"></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=".t-u-turn-au" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf19e;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-wild-animal" class="t-wild-animal"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-wild-animal" class="t-wild-animal"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-wild-animal" class="t-wild-animal"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-wild-animal" class="t-wild-animal"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-wild-animal" class="t-wild-animal"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-wild-animal" class="t-wild-animal"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-wild-animal" class="t-wild-animal"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-wild-animal" class="t-wild-animal"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-wild-animal" class="t-wild-animal"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-wild-animal" class="t-wild-animal"></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=".t-wild-animal" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf19f;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-windbag" class="t-windbag"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-windbag" class="t-windbag"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-windbag" class="t-windbag"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-windbag" class="t-windbag"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-windbag" class="t-windbag"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-windbag" class="t-windbag"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-windbag" class="t-windbag"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-windbag" class="t-windbag"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-windbag" class="t-windbag"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-windbag" class="t-windbag"></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=".t-windbag" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf1a0;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-winding-road-left" class="t-winding-road-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-winding-road-left" class="t-winding-road-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-winding-road-left" class="t-winding-road-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-winding-road-left" class="t-winding-road-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-winding-road-left" class="t-winding-road-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-winding-road-left" class="t-winding-road-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-winding-road-left" class="t-winding-road-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-winding-road-left" class="t-winding-road-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-winding-road-left" class="t-winding-road-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-winding-road-left" class="t-winding-road-left"></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=".t-winding-road-left" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf1a1;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-wombat" class="t-wombat"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-wombat" class="t-wombat"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-wombat" class="t-wombat"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-wombat" class="t-wombat"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-wombat" class="t-wombat"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-wombat" class="t-wombat"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-wombat" class="t-wombat"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-wombat" class="t-wombat"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-wombat" class="t-wombat"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-wombat" class="t-wombat"></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=".t-wombat" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf1a2;" />
+ </div>
+ </div>
+
+ <div class="glyph">
+ <div class="preview-glyphs">
+ <span class="step size-12"><span class="letters">Pp</span><i id="t-y-roads" class="t-y-roads"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="t-y-roads" class="t-y-roads"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="t-y-roads" class="t-y-roads"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="t-y-roads" class="t-y-roads"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="t-y-roads" class="t-y-roads"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="t-y-roads" class="t-y-roads"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="t-y-roads" class="t-y-roads"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="t-y-roads" class="t-y-roads"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="t-y-roads" class="t-y-roads"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="t-y-roads" class="t-y-roads"></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=".t-y-roads" />
+ <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&#xf1a3;" />
+ </div>
+ </div>
+
+
+ <footer>
+ Made with love using <a href="http://fontcustom.com">Font Custom</a>.
+ </footer>
+ </div>
+ </body>
+</html>
projects / rails.git / blobdiff