]> git.openstreetmap.org Git - rails.git/blob - vendor/assets/iD/iD/traffico/fonts/traffico-preview.html
Merge remote-tracking branch 'openstreetmap/pull/1030' into next
[rails.git] / vendor / assets / iD / iD / traffico / fonts / traffico-preview.html
1 <!DOCTYPE html>
2 <html>
3   <head>
4     <title>traffico glyphs preview</title>
5
6     <style>
7       /* Page Styles */
8
9       * {
10         -moz-box-sizing: border-box;
11         -webkit-box-sizing: border-box;
12         box-sizing: border-box;
13         margin: 0;
14         padding: 0;
15       }
16
17       body {
18         background: #fff;
19         color: #444;
20         font: 16px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
21       }
22
23       a,
24       a:visited {
25         color: #888;
26         text-decoration: underline;
27       }
28       a:hover,
29       a:focus { color: #000; }
30
31       header {
32         border-bottom: 2px solid #ddd;
33         margin-bottom: 20px;
34         overflow: hidden;
35         padding: 20px 0;
36       }
37
38       header h1 {
39         color: #888;
40         float: left;
41         font-size: 36px;
42         font-weight: 300;
43       }
44
45       header a {
46         float: right;
47         font-size: 14px;
48       }
49
50       .container {
51         margin: 0 auto;
52         max-width: 1200px;
53         min-width: 960px;
54         padding: 0 40px;
55         width: 90%;
56       }
57
58       .glyph {
59         border-bottom: 1px dotted #ccc;
60         padding: 10px 0 20px;
61         margin-bottom: 20px;
62       }
63
64       .preview-glyphs { vertical-align: bottom; }
65
66       .preview-scale {
67         color: #888;
68         font-size: 12px;
69         margin-top: 5px;
70       }
71
72       .step {
73         display: inline-block;
74         line-height: 1;
75         position: relative;
76         width: 10%;
77       }
78
79       .step .letters,
80       .step i {
81         -webkit-transition: opacity .3s;
82         -moz-transition: opacity .3s;
83         -ms-transition: opacity .3s;
84         -o-transition: opacity .3s;
85         transition: opacity .3s;
86       }
87
88       .step:hover .letters { opacity: 1; }
89       .step:hover i { opacity: .3; }
90
91       .letters {
92         opacity: .3;
93         position: absolute;
94       }
95
96       .characters-off .letters { display: none; }
97       .characters-off .step:hover i { opacity: 1; }
98
99       
100       .size-12 { font-size: 12px; }
101       
102       .size-14 { font-size: 14px; }
103       
104       .size-16 { font-size: 16px; }
105       
106       .size-18 { font-size: 18px; }
107       
108       .size-21 { font-size: 21px; }
109       
110       .size-24 { font-size: 24px; }
111       
112       .size-36 { font-size: 36px; }
113       
114       .size-48 { font-size: 48px; }
115       
116       .size-60 { font-size: 60px; }
117       
118       .size-72 { font-size: 72px; }
119       
120
121       .usage { margin-top: 10px; }
122
123       .usage input {
124         font-family: monospace;
125         margin-right: 3px;
126         padding: 2px 5px;
127         text-align: center;
128       }
129
130       .usage .point { width: 150px; }
131
132       .usage .class { width: 250px; }
133
134       footer {
135         color: #888;
136         font-size: 12px;
137         padding: 20px 0;
138       }
139
140       /* Icon Font: traffico */
141
142       @font-face {
143   font-family: "traffico";
144   src: url("./traffico_d596ae6150aa5c55ac14b1e060efc523.eot");
145   src: url("./traffico_d596ae6150aa5c55ac14b1e060efc523.eot?#iefix") format("embedded-opentype"),
146        url("./traffico_d596ae6150aa5c55ac14b1e060efc523.woff") format("woff"),
147        url("./traffico_d596ae6150aa5c55ac14b1e060efc523.ttf") format("truetype"),
148        url("./traffico_d596ae6150aa5c55ac14b1e060efc523.svg#traffico") format("svg");
149   font-weight: normal;
150   font-style: normal;
151 }
152
153 @media screen and (-webkit-min-device-pixel-ratio:0) {
154   @font-face {
155     font-family: "traffico";
156     src: url("./traffico_d596ae6150aa5c55ac14b1e060efc523.svg#traffico") format("svg");
157   }
158 }
159
160       [data-icon]:before { content: attr(data-icon); }
161
162       [data-icon]:before,
163       .t-DE-arrow-up:before,
164 .t-US-arrow-oneway:before,
165 .t-US-arrow-up:before,
166 .t-added-lane:before,
167 .t-added-lane-entering-roadway:before,
168 .t-airplane:before,
169 .t-arrow-l:before,
170 .t-arrow-oneway:before,
171 .t-arrow-s-l:before,
172 .t-arrows_both_bra:before,
173 .t-bending-priority:before,
174 .t-bicycle:before,
175 .t-bicycle-slippery:before,
176 .t-bump:before,
177 .t-bump_bra:before,
178 .t-bump_road_bra:before,
179 .t-bumps:before,
180 .t-bus:before,
181 .t-car:before,
182 .t-children:before,
183 .t-children-au:before,
184 .t-circle-bar-rounded:before,
185 .t-circle-bg:before,
186 .t-circle-o:before,
187 .t-circle-separator:before,
188 .t-cliff:before,
189 .t-cross-roads:before,
190 .t-crossroads-ahead:before,
191 .t-crossroads-ahead-ontario:before,
192 .t-curve-r-l:before,
193 .t-cyclists_crossing_bra:before,
194 .t-d-curve-l:before,
195 .t-dead-end:before,
196 .t-descent:before,
197 .t-disabled-p:before,
198 .t-divided-highway:before,
199 .t-domestic-animal:before,
200 .t-domestic-animals-au:before,
201 .t-emu:before,
202 .t-end:before,
203 .t-equestrian:before,
204 .t-europe_stars:before,
205 .t-exclamation:before,
206 .t-falling-rocks-EU:before,
207 .t-falling-rocks-US:before,
208 .t-falling-rocks-au:before,
209 .t-fire-station:before,
210 .t-firemans-car:before,
211 .t-flaggers:before,
212 .t-footpath:before,
213 .t-h:before,
214 .t-h-align-l:before,
215 .t-hairpin-curve:before,
216 .t-hairpin-curve-au:before,
217 .t-hazardous-material:before,
218 .t-height:before,
219 .t-height-restriction-ca:before,
220 .t-highway-divided:before,
221 .t-hitch-hiking:before,
222 .t-kangaroo:before,
223 .t-koala-ugly:before,
224 .t-koalas:before,
225 .t-level-crossing:before,
226 .t-light-rail:before,
227 .t-lightground-railroad-crossing:before,
228 .t-loop-270:before,
229 .t-loose_road_surface_bra:before,
230 .t-lorry:before,
231 .t-lorry-left:before,
232 .t-low-clearance:before,
233 .t-merge:before,
234 .t-metric-clearance:before,
235 .t-moped:before,
236 .t-motorbike:before,
237 .t-narrow-bridge-au:before,
238 .t-narrow-bridge-us:before,
239 .t-narrow-road-both:before,
240 .t-narrow-road-l:before,
241 .t-no-l-or-u-turn:before,
242 .t-octagon:before,
243 .t-offset-roads:before,
244 .t-opening-swing-bridge-ca:before,
245 .t-parking:before,
246 .t-pass-either-us:before,
247 .t-pass-l-r:before,
248 .t-pavement-ends:before,
249 .t-pedestrian:before,
250 .t-pedestrian-crossing:before,
251 .t-pedestrian-crossing-au:before,
252 .t-pedestrian_bra:before,
253 .t-pedestrian_crossing_bra:before,
254 .t-pedestrians:before,
255 .t-play-ground:before,
256 .t-playground-ahead-ca:before,
257 .t-playground-br:before,
258 .t-pretzel-loop:before,
259 .t-railroad:before,
260 .t-railroad-barriers:before,
261 .t-railway-flashing-au:before,
262 .t-railway-xing-secured:before,
263 .t-railway-xing-unsecured:before,
264 .t-reverse-curve-au:before,
265 .t-reverse-curve-ontario:before,
266 .t-right-of-way:before,
267 .t-right-of-way-l:before,
268 .t-roadworks:before,
269 .t-roadworks_bra:before,
270 .t-rollerblading:before,
271 .t-roundabout:before,
272 .t-school:before,
273 .t-school_zone_bra:before,
274 .t-series-of-curves-left:before,
275 .t-share-road:before,
276 .t-share-roads:before,
277 .t-side-road-a-a-l:before,
278 .t-side-road-a-a-r:before,
279 .t-side-road-p-l:before,
280 .t-side-road-p-r:before,
281 .t-side-road-perpendicular:before,
282 .t-single-2-reverse-curve:before,
283 .t-skewed-railroads:before,
284 .t-slippery:before,
285 .t-slippery-motorcycle:before,
286 .t-slippery-road:before,
287 .t-small-arrow-au:before,
288 .t-snowflake:before,
289 .t-square-angular:before,
290 .t-square-diagonal-bar:before,
291 .t-square-rounded:before,
292 .t-steep-hill:before,
293 .t-steep-hill-downwards:before,
294 .t-steep-hill-upwards:before,
295 .t-stop:before,
296 .t-t-roads:before,
297 .t-tractor:before,
298 .t-traffic-signal-au:before,
299 .t-trailer:before,
300 .t-train-au:before,
301 .t-train-electric:before,
302 .t-tram:before,
303 .t-transit_bra:before,
304 .t-tri-angular:before,
305 .t-tri-rounded:before,
306 .t-truck:before,
307 .t-truck-rollover-speed:before,
308 .t-trucks-rollover:before,
309 .t-tunnel:before,
310 .t-turn-90-l:before,
311 .t-turn-curve-speed:before,
312 .t-turn-l:before,
313 .t-turn-l-aus:before,
314 .t-turn-l-curve:before,
315 .t-turn-reverse-left:before,
316 .t-turn-right-curve-ontario:before,
317 .t-turnaround:before,
318 .t-turnaround2:before,
319 .t-two_way_arrows_bra:before,
320 .t-u-turn:before,
321 .t-u-turn-au:before,
322 .t-wild-animal:before,
323 .t-windbag:before,
324 .t-winding-road-left:before,
325 .t-wombat:before,
326 .t-y-roads:before {
327         display: inline-block;
328   font-family: "traffico";
329   font-style: normal;
330   font-weight: normal;
331   font-variant: normal;
332   line-height: 1;
333   text-decoration: inherit;
334   text-rendering: optimizeLegibility;
335   text-transform: none;
336   -moz-osx-font-smoothing: grayscale;
337   -webkit-font-smoothing: antialiased;
338   font-smoothing: antialiased;
339       }
340
341       .t-DE-arrow-up:before { content: "\f100"; }
342 .t-US-arrow-oneway:before { content: "\f101"; }
343 .t-US-arrow-up:before { content: "\f102"; }
344 .t-added-lane:before { content: "\f103"; }
345 .t-added-lane-entering-roadway:before { content: "\f104"; }
346 .t-airplane:before { content: "\f105"; }
347 .t-arrow-l:before { content: "\f106"; }
348 .t-arrow-oneway:before { content: "\f107"; }
349 .t-arrow-s-l:before { content: "\f108"; }
350 .t-arrows_both_bra:before { content: "\f109"; }
351 .t-bending-priority:before { content: "\f10a"; }
352 .t-bicycle:before { content: "\f10b"; }
353 .t-bicycle-slippery:before { content: "\f10c"; }
354 .t-bump:before { content: "\f10d"; }
355 .t-bump_bra:before { content: "\f10e"; }
356 .t-bump_road_bra:before { content: "\f10f"; }
357 .t-bumps:before { content: "\f110"; }
358 .t-bus:before { content: "\f111"; }
359 .t-car:before { content: "\f112"; }
360 .t-children:before { content: "\f113"; }
361 .t-children-au:before { content: "\f114"; }
362 .t-circle-bar-rounded:before { content: "\f115"; }
363 .t-circle-bg:before { content: "\f116"; }
364 .t-circle-o:before { content: "\f117"; }
365 .t-circle-separator:before { content: "\f118"; }
366 .t-cliff:before { content: "\f119"; }
367 .t-cross-roads:before { content: "\f11a"; }
368 .t-crossroads-ahead:before { content: "\f11b"; }
369 .t-crossroads-ahead-ontario:before { content: "\f11c"; }
370 .t-curve-r-l:before { content: "\f11d"; }
371 .t-cyclists_crossing_bra:before { content: "\f11e"; }
372 .t-d-curve-l:before { content: "\f11f"; }
373 .t-dead-end:before { content: "\f120"; }
374 .t-descent:before { content: "\f121"; }
375 .t-disabled-p:before { content: "\f122"; }
376 .t-divided-highway:before { content: "\f123"; }
377 .t-domestic-animal:before { content: "\f124"; }
378 .t-domestic-animals-au:before { content: "\f125"; }
379 .t-emu:before { content: "\f126"; }
380 .t-end:before { content: "\f127"; }
381 .t-equestrian:before { content: "\f128"; }
382 .t-europe_stars:before { content: "\f129"; }
383 .t-exclamation:before { content: "\f12a"; }
384 .t-falling-rocks-EU:before { content: "\f12b"; }
385 .t-falling-rocks-US:before { content: "\f12c"; }
386 .t-falling-rocks-au:before { content: "\f12d"; }
387 .t-fire-station:before { content: "\f12e"; }
388 .t-firemans-car:before { content: "\f12f"; }
389 .t-flaggers:before { content: "\f130"; }
390 .t-footpath:before { content: "\f131"; }
391 .t-h:before { content: "\f132"; }
392 .t-h-align-l:before { content: "\f133"; }
393 .t-hairpin-curve:before { content: "\f134"; }
394 .t-hairpin-curve-au:before { content: "\f135"; }
395 .t-hazardous-material:before { content: "\f136"; }
396 .t-height:before { content: "\f137"; }
397 .t-height-restriction-ca:before { content: "\f138"; }
398 .t-highway-divided:before { content: "\f139"; }
399 .t-hitch-hiking:before { content: "\f13a"; }
400 .t-kangaroo:before { content: "\f13b"; }
401 .t-koala-ugly:before { content: "\f13c"; }
402 .t-koalas:before { content: "\f13d"; }
403 .t-level-crossing:before { content: "\f13e"; }
404 .t-light-rail:before { content: "\f13f"; }
405 .t-lightground-railroad-crossing:before { content: "\f140"; }
406 .t-loop-270:before { content: "\f141"; }
407 .t-loose_road_surface_bra:before { content: "\f142"; }
408 .t-lorry:before { content: "\f143"; }
409 .t-lorry-left:before { content: "\f144"; }
410 .t-low-clearance:before { content: "\f145"; }
411 .t-merge:before { content: "\f146"; }
412 .t-metric-clearance:before { content: "\f147"; }
413 .t-moped:before { content: "\f148"; }
414 .t-motorbike:before { content: "\f149"; }
415 .t-narrow-bridge-au:before { content: "\f14a"; }
416 .t-narrow-bridge-us:before { content: "\f14b"; }
417 .t-narrow-road-both:before { content: "\f14c"; }
418 .t-narrow-road-l:before { content: "\f14d"; }
419 .t-no-l-or-u-turn:before { content: "\f14e"; }
420 .t-octagon:before { content: "\f14f"; }
421 .t-offset-roads:before { content: "\f150"; }
422 .t-opening-swing-bridge-ca:before { content: "\f151"; }
423 .t-parking:before { content: "\f152"; }
424 .t-pass-either-us:before { content: "\f153"; }
425 .t-pass-l-r:before { content: "\f154"; }
426 .t-pavement-ends:before { content: "\f155"; }
427 .t-pedestrian:before { content: "\f156"; }
428 .t-pedestrian-crossing:before { content: "\f157"; }
429 .t-pedestrian-crossing-au:before { content: "\f158"; }
430 .t-pedestrian_bra:before { content: "\f159"; }
431 .t-pedestrian_crossing_bra:before { content: "\f15a"; }
432 .t-pedestrians:before { content: "\f15b"; }
433 .t-play-ground:before { content: "\f15c"; }
434 .t-playground-ahead-ca:before { content: "\f15d"; }
435 .t-playground-br:before { content: "\f15e"; }
436 .t-pretzel-loop:before { content: "\f15f"; }
437 .t-railroad:before { content: "\f160"; }
438 .t-railroad-barriers:before { content: "\f161"; }
439 .t-railway-flashing-au:before { content: "\f162"; }
440 .t-railway-xing-secured:before { content: "\f163"; }
441 .t-railway-xing-unsecured:before { content: "\f164"; }
442 .t-reverse-curve-au:before { content: "\f165"; }
443 .t-reverse-curve-ontario:before { content: "\f166"; }
444 .t-right-of-way:before { content: "\f167"; }
445 .t-right-of-way-l:before { content: "\f168"; }
446 .t-roadworks:before { content: "\f169"; }
447 .t-roadworks_bra:before { content: "\f16a"; }
448 .t-rollerblading:before { content: "\f16b"; }
449 .t-roundabout:before { content: "\f16c"; }
450 .t-school:before { content: "\f16d"; }
451 .t-school_zone_bra:before { content: "\f16e"; }
452 .t-series-of-curves-left:before { content: "\f16f"; }
453 .t-share-road:before { content: "\f170"; }
454 .t-share-roads:before { content: "\f171"; }
455 .t-side-road-a-a-l:before { content: "\f172"; }
456 .t-side-road-a-a-r:before { content: "\f173"; }
457 .t-side-road-p-l:before { content: "\f174"; }
458 .t-side-road-p-r:before { content: "\f175"; }
459 .t-side-road-perpendicular:before { content: "\f176"; }
460 .t-single-2-reverse-curve:before { content: "\f177"; }
461 .t-skewed-railroads:before { content: "\f178"; }
462 .t-slippery:before { content: "\f179"; }
463 .t-slippery-motorcycle:before { content: "\f17a"; }
464 .t-slippery-road:before { content: "\f17b"; }
465 .t-small-arrow-au:before { content: "\f17c"; }
466 .t-snowflake:before { content: "\f17d"; }
467 .t-square-angular:before { content: "\f17e"; }
468 .t-square-diagonal-bar:before { content: "\f17f"; }
469 .t-square-rounded:before { content: "\f180"; }
470 .t-steep-hill:before { content: "\f181"; }
471 .t-steep-hill-downwards:before { content: "\f182"; }
472 .t-steep-hill-upwards:before { content: "\f183"; }
473 .t-stop:before { content: "\f184"; }
474 .t-t-roads:before { content: "\f185"; }
475 .t-tractor:before { content: "\f186"; }
476 .t-traffic-signal-au:before { content: "\f187"; }
477 .t-trailer:before { content: "\f188"; }
478 .t-train-au:before { content: "\f189"; }
479 .t-train-electric:before { content: "\f18a"; }
480 .t-tram:before { content: "\f18b"; }
481 .t-transit_bra:before { content: "\f18c"; }
482 .t-tri-angular:before { content: "\f18d"; }
483 .t-tri-rounded:before { content: "\f18e"; }
484 .t-truck:before { content: "\f18f"; }
485 .t-truck-rollover-speed:before { content: "\f190"; }
486 .t-trucks-rollover:before { content: "\f191"; }
487 .t-tunnel:before { content: "\f192"; }
488 .t-turn-90-l:before { content: "\f193"; }
489 .t-turn-curve-speed:before { content: "\f194"; }
490 .t-turn-l:before { content: "\f195"; }
491 .t-turn-l-aus:before { content: "\f196"; }
492 .t-turn-l-curve:before { content: "\f197"; }
493 .t-turn-reverse-left:before { content: "\f198"; }
494 .t-turn-right-curve-ontario:before { content: "\f199"; }
495 .t-turnaround:before { content: "\f19a"; }
496 .t-turnaround2:before { content: "\f19b"; }
497 .t-two_way_arrows_bra:before { content: "\f19c"; }
498 .t-u-turn:before { content: "\f19d"; }
499 .t-u-turn-au:before { content: "\f19e"; }
500 .t-wild-animal:before { content: "\f19f"; }
501 .t-windbag:before { content: "\f1a0"; }
502 .t-winding-road-left:before { content: "\f1a1"; }
503 .t-wombat:before { content: "\f1a2"; }
504 .t-y-roads:before { content: "\f1a3"; }
505     </style>
506
507     <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
508
509     <script>
510       function toggleCharacters() {
511         var body = document.getElementsByTagName('body')[0];
512         body.className = body.className === 'characters-off' ? '' : 'characters-off';
513       }
514     </script>
515   </head>
516
517   <body class="characters-off">
518     <div id="page" class="container">
519       <header>
520         <h1>traffico contains 164 glyphs:</h1>
521         <a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
522       </header>
523
524       
525       <div class="glyph">
526         <div class="preview-glyphs">
527           <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>
528         </div>
529         <div class="preview-scale">
530           <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>
531         </div>
532         <div class="usage">
533           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-DE-arrow-up" />
534           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf100;" />
535         </div>
536       </div>
537       
538       <div class="glyph">
539         <div class="preview-glyphs">
540           <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>
541         </div>
542         <div class="preview-scale">
543           <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>
544         </div>
545         <div class="usage">
546           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-US-arrow-oneway" />
547           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf101;" />
548         </div>
549       </div>
550       
551       <div class="glyph">
552         <div class="preview-glyphs">
553           <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>
554         </div>
555         <div class="preview-scale">
556           <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>
557         </div>
558         <div class="usage">
559           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-US-arrow-up" />
560           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf102;" />
561         </div>
562       </div>
563       
564       <div class="glyph">
565         <div class="preview-glyphs">
566           <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>
567         </div>
568         <div class="preview-scale">
569           <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>
570         </div>
571         <div class="usage">
572           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-added-lane" />
573           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf103;" />
574         </div>
575       </div>
576       
577       <div class="glyph">
578         <div class="preview-glyphs">
579           <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>
580         </div>
581         <div class="preview-scale">
582           <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>
583         </div>
584         <div class="usage">
585           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-added-lane-entering-roadway" />
586           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf104;" />
587         </div>
588       </div>
589       
590       <div class="glyph">
591         <div class="preview-glyphs">
592           <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>
593         </div>
594         <div class="preview-scale">
595           <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>
596         </div>
597         <div class="usage">
598           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-airplane" />
599           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf105;" />
600         </div>
601       </div>
602       
603       <div class="glyph">
604         <div class="preview-glyphs">
605           <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>
606         </div>
607         <div class="preview-scale">
608           <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>
609         </div>
610         <div class="usage">
611           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-arrow-l" />
612           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />
613         </div>
614       </div>
615       
616       <div class="glyph">
617         <div class="preview-glyphs">
618           <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>
619         </div>
620         <div class="preview-scale">
621           <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>
622         </div>
623         <div class="usage">
624           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-arrow-oneway" />
625           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />
626         </div>
627       </div>
628       
629       <div class="glyph">
630         <div class="preview-glyphs">
631           <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>
632         </div>
633         <div class="preview-scale">
634           <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>
635         </div>
636         <div class="usage">
637           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-arrow-s-l" />
638           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf108;" />
639         </div>
640       </div>
641       
642       <div class="glyph">
643         <div class="preview-glyphs">
644           <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>
645         </div>
646         <div class="preview-scale">
647           <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>
648         </div>
649         <div class="usage">
650           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-arrows_both_bra" />
651           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf109;" />
652         </div>
653       </div>
654       
655       <div class="glyph">
656         <div class="preview-glyphs">
657           <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>
658         </div>
659         <div class="preview-scale">
660           <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>
661         </div>
662         <div class="usage">
663           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-bending-priority" />
664           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10a;" />
665         </div>
666       </div>
667       
668       <div class="glyph">
669         <div class="preview-glyphs">
670           <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>
671         </div>
672         <div class="preview-scale">
673           <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>
674         </div>
675         <div class="usage">
676           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-bicycle" />
677           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />
678         </div>
679       </div>
680       
681       <div class="glyph">
682         <div class="preview-glyphs">
683           <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>
684         </div>
685         <div class="preview-scale">
686           <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>
687         </div>
688         <div class="usage">
689           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-bicycle-slippery" />
690           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10c;" />
691         </div>
692       </div>
693       
694       <div class="glyph">
695         <div class="preview-glyphs">
696           <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>
697         </div>
698         <div class="preview-scale">
699           <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>
700         </div>
701         <div class="usage">
702           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-bump" />
703           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />
704         </div>
705       </div>
706       
707       <div class="glyph">
708         <div class="preview-glyphs">
709           <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>
710         </div>
711         <div class="preview-scale">
712           <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>
713         </div>
714         <div class="usage">
715           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-bump_bra" />
716           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />
717         </div>
718       </div>
719       
720       <div class="glyph">
721         <div class="preview-glyphs">
722           <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>
723         </div>
724         <div class="preview-scale">
725           <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>
726         </div>
727         <div class="usage">
728           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-bump_road_bra" />
729           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10f;" />
730         </div>
731       </div>
732       
733       <div class="glyph">
734         <div class="preview-glyphs">
735           <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>
736         </div>
737         <div class="preview-scale">
738           <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>
739         </div>
740         <div class="usage">
741           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-bumps" />
742           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf110;" />
743         </div>
744       </div>
745       
746       <div class="glyph">
747         <div class="preview-glyphs">
748           <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>
749         </div>
750         <div class="preview-scale">
751           <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>
752         </div>
753         <div class="usage">
754           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-bus" />
755           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf111;" />
756         </div>
757       </div>
758       
759       <div class="glyph">
760         <div class="preview-glyphs">
761           <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>
762         </div>
763         <div class="preview-scale">
764           <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>
765         </div>
766         <div class="usage">
767           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-car" />
768           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf112;" />
769         </div>
770       </div>
771       
772       <div class="glyph">
773         <div class="preview-glyphs">
774           <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>
775         </div>
776         <div class="preview-scale">
777           <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>
778         </div>
779         <div class="usage">
780           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-children" />
781           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf113;" />
782         </div>
783       </div>
784       
785       <div class="glyph">
786         <div class="preview-glyphs">
787           <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>
788         </div>
789         <div class="preview-scale">
790           <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>
791         </div>
792         <div class="usage">
793           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-children-au" />
794           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf114;" />
795         </div>
796       </div>
797       
798       <div class="glyph">
799         <div class="preview-glyphs">
800           <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>
801         </div>
802         <div class="preview-scale">
803           <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>
804         </div>
805         <div class="usage">
806           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-circle-bar-rounded" />
807           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf115;" />
808         </div>
809       </div>
810       
811       <div class="glyph">
812         <div class="preview-glyphs">
813           <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>
814         </div>
815         <div class="preview-scale">
816           <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>
817         </div>
818         <div class="usage">
819           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-circle-bg" />
820           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf116;" />
821         </div>
822       </div>
823       
824       <div class="glyph">
825         <div class="preview-glyphs">
826           <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>
827         </div>
828         <div class="preview-scale">
829           <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>
830         </div>
831         <div class="usage">
832           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-circle-o" />
833           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
834         </div>
835       </div>
836       
837       <div class="glyph">
838         <div class="preview-glyphs">
839           <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>
840         </div>
841         <div class="preview-scale">
842           <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>
843         </div>
844         <div class="usage">
845           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-circle-separator" />
846           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
847         </div>
848       </div>
849       
850       <div class="glyph">
851         <div class="preview-glyphs">
852           <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>
853         </div>
854         <div class="preview-scale">
855           <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>
856         </div>
857         <div class="usage">
858           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-cliff" />
859           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
860         </div>
861       </div>
862       
863       <div class="glyph">
864         <div class="preview-glyphs">
865           <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>
866         </div>
867         <div class="preview-scale">
868           <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>
869         </div>
870         <div class="usage">
871           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-cross-roads" />
872           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
873         </div>
874       </div>
875       
876       <div class="glyph">
877         <div class="preview-glyphs">
878           <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>
879         </div>
880         <div class="preview-scale">
881           <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>
882         </div>
883         <div class="usage">
884           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-crossroads-ahead" />
885           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11b;" />
886         </div>
887       </div>
888       
889       <div class="glyph">
890         <div class="preview-glyphs">
891           <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>
892         </div>
893         <div class="preview-scale">
894           <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>
895         </div>
896         <div class="usage">
897           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-crossroads-ahead-ontario" />
898           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />
899         </div>
900       </div>
901       
902       <div class="glyph">
903         <div class="preview-glyphs">
904           <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>
905         </div>
906         <div class="preview-scale">
907           <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>
908         </div>
909         <div class="usage">
910           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-curve-r-l" />
911           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />
912         </div>
913       </div>
914       
915       <div class="glyph">
916         <div class="preview-glyphs">
917           <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>
918         </div>
919         <div class="preview-scale">
920           <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>
921         </div>
922         <div class="usage">
923           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-cyclists_crossing_bra" />
924           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />
925         </div>
926       </div>
927       
928       <div class="glyph">
929         <div class="preview-glyphs">
930           <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>
931         </div>
932         <div class="preview-scale">
933           <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>
934         </div>
935         <div class="usage">
936           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-d-curve-l" />
937           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />
938         </div>
939       </div>
940       
941       <div class="glyph">
942         <div class="preview-glyphs">
943           <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>
944         </div>
945         <div class="preview-scale">
946           <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>
947         </div>
948         <div class="usage">
949           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-dead-end" />
950           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />
951         </div>
952       </div>
953       
954       <div class="glyph">
955         <div class="preview-glyphs">
956           <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>
957         </div>
958         <div class="preview-scale">
959           <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>
960         </div>
961         <div class="usage">
962           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-descent" />
963           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf121;" />
964         </div>
965       </div>
966       
967       <div class="glyph">
968         <div class="preview-glyphs">
969           <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>
970         </div>
971         <div class="preview-scale">
972           <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>
973         </div>
974         <div class="usage">
975           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-disabled-p" />
976           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf122;" />
977         </div>
978       </div>
979       
980       <div class="glyph">
981         <div class="preview-glyphs">
982           <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>
983         </div>
984         <div class="preview-scale">
985           <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>
986         </div>
987         <div class="usage">
988           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-divided-highway" />
989           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf123;" />
990         </div>
991       </div>
992       
993       <div class="glyph">
994         <div class="preview-glyphs">
995           <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>
996         </div>
997         <div class="preview-scale">
998           <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>
999         </div>
1000         <div class="usage">
1001           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-domestic-animal" />
1002           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />
1003         </div>
1004       </div>
1005       
1006       <div class="glyph">
1007         <div class="preview-glyphs">
1008           <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>
1009         </div>
1010         <div class="preview-scale">
1011           <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>
1012         </div>
1013         <div class="usage">
1014           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-domestic-animals-au" />
1015           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />
1016         </div>
1017       </div>
1018       
1019       <div class="glyph">
1020         <div class="preview-glyphs">
1021           <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>
1022         </div>
1023         <div class="preview-scale">
1024           <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>
1025         </div>
1026         <div class="usage">
1027           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-emu" />
1028           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />
1029         </div>
1030       </div>
1031       
1032       <div class="glyph">
1033         <div class="preview-glyphs">
1034           <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>
1035         </div>
1036         <div class="preview-scale">
1037           <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>
1038         </div>
1039         <div class="usage">
1040           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-end" />
1041           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf127;" />
1042         </div>
1043       </div>
1044       
1045       <div class="glyph">
1046         <div class="preview-glyphs">
1047           <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>
1048         </div>
1049         <div class="preview-scale">
1050           <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>
1051         </div>
1052         <div class="usage">
1053           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-equestrian" />
1054           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf128;" />
1055         </div>
1056       </div>
1057       
1058       <div class="glyph">
1059         <div class="preview-glyphs">
1060           <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>
1061         </div>
1062         <div class="preview-scale">
1063           <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>
1064         </div>
1065         <div class="usage">
1066           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-europe_stars" />
1067           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf129;" />
1068         </div>
1069       </div>
1070       
1071       <div class="glyph">
1072         <div class="preview-glyphs">
1073           <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>
1074         </div>
1075         <div class="preview-scale">
1076           <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>
1077         </div>
1078         <div class="usage">
1079           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-exclamation" />
1080           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12a;" />
1081         </div>
1082       </div>
1083       
1084       <div class="glyph">
1085         <div class="preview-glyphs">
1086           <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>
1087         </div>
1088         <div class="preview-scale">
1089           <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>
1090         </div>
1091         <div class="usage">
1092           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-falling-rocks-EU" />
1093           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />
1094         </div>
1095       </div>
1096       
1097       <div class="glyph">
1098         <div class="preview-glyphs">
1099           <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>
1100         </div>
1101         <div class="preview-scale">
1102           <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>
1103         </div>
1104         <div class="usage">
1105           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-falling-rocks-US" />
1106           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />
1107         </div>
1108       </div>
1109       
1110       <div class="glyph">
1111         <div class="preview-glyphs">
1112           <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>
1113         </div>
1114         <div class="preview-scale">
1115           <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>
1116         </div>
1117         <div class="usage">
1118           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-falling-rocks-au" />
1119           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />
1120         </div>
1121       </div>
1122       
1123       <div class="glyph">
1124         <div class="preview-glyphs">
1125           <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>
1126         </div>
1127         <div class="preview-scale">
1128           <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>
1129         </div>
1130         <div class="usage">
1131           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-fire-station" />
1132           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12e;" />
1133         </div>
1134       </div>
1135       
1136       <div class="glyph">
1137         <div class="preview-glyphs">
1138           <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>
1139         </div>
1140         <div class="preview-scale">
1141           <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>
1142         </div>
1143         <div class="usage">
1144           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-firemans-car" />
1145           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />
1146         </div>
1147       </div>
1148       
1149       <div class="glyph">
1150         <div class="preview-glyphs">
1151           <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>
1152         </div>
1153         <div class="preview-scale">
1154           <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>
1155         </div>
1156         <div class="usage">
1157           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-flaggers" />
1158           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />
1159         </div>
1160       </div>
1161       
1162       <div class="glyph">
1163         <div class="preview-glyphs">
1164           <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>
1165         </div>
1166         <div class="preview-scale">
1167           <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>
1168         </div>
1169         <div class="usage">
1170           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-footpath" />
1171           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
1172         </div>
1173       </div>
1174       
1175       <div class="glyph">
1176         <div class="preview-glyphs">
1177           <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>
1178         </div>
1179         <div class="preview-scale">
1180           <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>
1181         </div>
1182         <div class="usage">
1183           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-h" />
1184           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />
1185         </div>
1186       </div>
1187       
1188       <div class="glyph">
1189         <div class="preview-glyphs">
1190           <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>
1191         </div>
1192         <div class="preview-scale">
1193           <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>
1194         </div>
1195         <div class="usage">
1196           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-h-align-l" />
1197           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />
1198         </div>
1199       </div>
1200       
1201       <div class="glyph">
1202         <div class="preview-glyphs">
1203           <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>
1204         </div>
1205         <div class="preview-scale">
1206           <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>
1207         </div>
1208         <div class="usage">
1209           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-hairpin-curve" />
1210           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />
1211         </div>
1212       </div>
1213       
1214       <div class="glyph">
1215         <div class="preview-glyphs">
1216           <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>
1217         </div>
1218         <div class="preview-scale">
1219           <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>
1220         </div>
1221         <div class="usage">
1222           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-hairpin-curve-au" />
1223           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
1224         </div>
1225       </div>
1226       
1227       <div class="glyph">
1228         <div class="preview-glyphs">
1229           <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>
1230         </div>
1231         <div class="preview-scale">
1232           <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>
1233         </div>
1234         <div class="usage">
1235           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-hazardous-material" />
1236           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />
1237         </div>
1238       </div>
1239       
1240       <div class="glyph">
1241         <div class="preview-glyphs">
1242           <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>
1243         </div>
1244         <div class="preview-scale">
1245           <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>
1246         </div>
1247         <div class="usage">
1248           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-height" />
1249           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf137;" />
1250         </div>
1251       </div>
1252       
1253       <div class="glyph">
1254         <div class="preview-glyphs">
1255           <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>
1256         </div>
1257         <div class="preview-scale">
1258           <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>
1259         </div>
1260         <div class="usage">
1261           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-height-restriction-ca" />
1262           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf138;" />
1263         </div>
1264       </div>
1265       
1266       <div class="glyph">
1267         <div class="preview-glyphs">
1268           <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>
1269         </div>
1270         <div class="preview-scale">
1271           <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>
1272         </div>
1273         <div class="usage">
1274           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-highway-divided" />
1275           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />
1276         </div>
1277       </div>
1278       
1279       <div class="glyph">
1280         <div class="preview-glyphs">
1281           <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>
1282         </div>
1283         <div class="preview-scale">
1284           <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>
1285         </div>
1286         <div class="usage">
1287           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-hitch-hiking" />
1288           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13a;" />
1289         </div>
1290       </div>
1291       
1292       <div class="glyph">
1293         <div class="preview-glyphs">
1294           <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>
1295         </div>
1296         <div class="preview-scale">
1297           <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>
1298         </div>
1299         <div class="usage">
1300           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-kangaroo" />
1301           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13b;" />
1302         </div>
1303       </div>
1304       
1305       <div class="glyph">
1306         <div class="preview-glyphs">
1307           <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>
1308         </div>
1309         <div class="preview-scale">
1310           <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>
1311         </div>
1312         <div class="usage">
1313           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-koala-ugly" />
1314           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13c;" />
1315         </div>
1316       </div>
1317       
1318       <div class="glyph">
1319         <div class="preview-glyphs">
1320           <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>
1321         </div>
1322         <div class="preview-scale">
1323           <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>
1324         </div>
1325         <div class="usage">
1326           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-koalas" />
1327           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13d;" />
1328         </div>
1329       </div>
1330       
1331       <div class="glyph">
1332         <div class="preview-glyphs">
1333           <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>
1334         </div>
1335         <div class="preview-scale">
1336           <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>
1337         </div>
1338         <div class="usage">
1339           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-level-crossing" />
1340           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13e;" />
1341         </div>
1342       </div>
1343       
1344       <div class="glyph">
1345         <div class="preview-glyphs">
1346           <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>
1347         </div>
1348         <div class="preview-scale">
1349           <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>
1350         </div>
1351         <div class="usage">
1352           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-light-rail" />
1353           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13f;" />
1354         </div>
1355       </div>
1356       
1357       <div class="glyph">
1358         <div class="preview-glyphs">
1359           <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>
1360         </div>
1361         <div class="preview-scale">
1362           <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>
1363         </div>
1364         <div class="usage">
1365           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-lightground-railroad-crossing" />
1366           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf140;" />
1367         </div>
1368       </div>
1369       
1370       <div class="glyph">
1371         <div class="preview-glyphs">
1372           <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>
1373         </div>
1374         <div class="preview-scale">
1375           <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>
1376         </div>
1377         <div class="usage">
1378           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-loop-270" />
1379           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf141;" />
1380         </div>
1381       </div>
1382       
1383       <div class="glyph">
1384         <div class="preview-glyphs">
1385           <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>
1386         </div>
1387         <div class="preview-scale">
1388           <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>
1389         </div>
1390         <div class="usage">
1391           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-loose_road_surface_bra" />
1392           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf142;" />
1393         </div>
1394       </div>
1395       
1396       <div class="glyph">
1397         <div class="preview-glyphs">
1398           <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>
1399         </div>
1400         <div class="preview-scale">
1401           <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>
1402         </div>
1403         <div class="usage">
1404           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-lorry" />
1405           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf143;" />
1406         </div>
1407       </div>
1408       
1409       <div class="glyph">
1410         <div class="preview-glyphs">
1411           <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>
1412         </div>
1413         <div class="preview-scale">
1414           <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>
1415         </div>
1416         <div class="usage">
1417           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-lorry-left" />
1418           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf144;" />
1419         </div>
1420       </div>
1421       
1422       <div class="glyph">
1423         <div class="preview-glyphs">
1424           <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>
1425         </div>
1426         <div class="preview-scale">
1427           <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>
1428         </div>
1429         <div class="usage">
1430           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-low-clearance" />
1431           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf145;" />
1432         </div>
1433       </div>
1434       
1435       <div class="glyph">
1436         <div class="preview-glyphs">
1437           <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>
1438         </div>
1439         <div class="preview-scale">
1440           <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>
1441         </div>
1442         <div class="usage">
1443           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-merge" />
1444           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf146;" />
1445         </div>
1446       </div>
1447       
1448       <div class="glyph">
1449         <div class="preview-glyphs">
1450           <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>
1451         </div>
1452         <div class="preview-scale">
1453           <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>
1454         </div>
1455         <div class="usage">
1456           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-metric-clearance" />
1457           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf147;" />
1458         </div>
1459       </div>
1460       
1461       <div class="glyph">
1462         <div class="preview-glyphs">
1463           <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>
1464         </div>
1465         <div class="preview-scale">
1466           <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>
1467         </div>
1468         <div class="usage">
1469           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-moped" />
1470           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf148;" />
1471         </div>
1472       </div>
1473       
1474       <div class="glyph">
1475         <div class="preview-glyphs">
1476           <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>
1477         </div>
1478         <div class="preview-scale">
1479           <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>
1480         </div>
1481         <div class="usage">
1482           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-motorbike" />
1483           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf149;" />
1484         </div>
1485       </div>
1486       
1487       <div class="glyph">
1488         <div class="preview-glyphs">
1489           <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>
1490         </div>
1491         <div class="preview-scale">
1492           <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>
1493         </div>
1494         <div class="usage">
1495           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-narrow-bridge-au" />
1496           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14a;" />
1497         </div>
1498       </div>
1499       
1500       <div class="glyph">
1501         <div class="preview-glyphs">
1502           <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>
1503         </div>
1504         <div class="preview-scale">
1505           <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>
1506         </div>
1507         <div class="usage">
1508           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-narrow-bridge-us" />
1509           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14b;" />
1510         </div>
1511       </div>
1512       
1513       <div class="glyph">
1514         <div class="preview-glyphs">
1515           <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>
1516         </div>
1517         <div class="preview-scale">
1518           <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>
1519         </div>
1520         <div class="usage">
1521           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-narrow-road-both" />
1522           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14c;" />
1523         </div>
1524       </div>
1525       
1526       <div class="glyph">
1527         <div class="preview-glyphs">
1528           <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>
1529         </div>
1530         <div class="preview-scale">
1531           <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>
1532         </div>
1533         <div class="usage">
1534           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-narrow-road-l" />
1535           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14d;" />
1536         </div>
1537       </div>
1538       
1539       <div class="glyph">
1540         <div class="preview-glyphs">
1541           <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>
1542         </div>
1543         <div class="preview-scale">
1544           <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>
1545         </div>
1546         <div class="usage">
1547           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-no-l-or-u-turn" />
1548           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14e;" />
1549         </div>
1550       </div>
1551       
1552       <div class="glyph">
1553         <div class="preview-glyphs">
1554           <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>
1555         </div>
1556         <div class="preview-scale">
1557           <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>
1558         </div>
1559         <div class="usage">
1560           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-octagon" />
1561           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14f;" />
1562         </div>
1563       </div>
1564       
1565       <div class="glyph">
1566         <div class="preview-glyphs">
1567           <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>
1568         </div>
1569         <div class="preview-scale">
1570           <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>
1571         </div>
1572         <div class="usage">
1573           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-offset-roads" />
1574           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf150;" />
1575         </div>
1576       </div>
1577       
1578       <div class="glyph">
1579         <div class="preview-glyphs">
1580           <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>
1581         </div>
1582         <div class="preview-scale">
1583           <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>
1584         </div>
1585         <div class="usage">
1586           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-opening-swing-bridge-ca" />
1587           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf151;" />
1588         </div>
1589       </div>
1590       
1591       <div class="glyph">
1592         <div class="preview-glyphs">
1593           <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>
1594         </div>
1595         <div class="preview-scale">
1596           <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>
1597         </div>
1598         <div class="usage">
1599           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-parking" />
1600           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf152;" />
1601         </div>
1602       </div>
1603       
1604       <div class="glyph">
1605         <div class="preview-glyphs">
1606           <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>
1607         </div>
1608         <div class="preview-scale">
1609           <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>
1610         </div>
1611         <div class="usage">
1612           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-pass-either-us" />
1613           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf153;" />
1614         </div>
1615       </div>
1616       
1617       <div class="glyph">
1618         <div class="preview-glyphs">
1619           <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>
1620         </div>
1621         <div class="preview-scale">
1622           <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>
1623         </div>
1624         <div class="usage">
1625           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-pass-l-r" />
1626           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf154;" />
1627         </div>
1628       </div>
1629       
1630       <div class="glyph">
1631         <div class="preview-glyphs">
1632           <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>
1633         </div>
1634         <div class="preview-scale">
1635           <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>
1636         </div>
1637         <div class="usage">
1638           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-pavement-ends" />
1639           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf155;" />
1640         </div>
1641       </div>
1642       
1643       <div class="glyph">
1644         <div class="preview-glyphs">
1645           <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>
1646         </div>
1647         <div class="preview-scale">
1648           <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>
1649         </div>
1650         <div class="usage">
1651           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-pedestrian" />
1652           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf156;" />
1653         </div>
1654       </div>
1655       
1656       <div class="glyph">
1657         <div class="preview-glyphs">
1658           <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>
1659         </div>
1660         <div class="preview-scale">
1661           <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>
1662         </div>
1663         <div class="usage">
1664           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-pedestrian-crossing" />
1665           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf157;" />
1666         </div>
1667       </div>
1668       
1669       <div class="glyph">
1670         <div class="preview-glyphs">
1671           <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>
1672         </div>
1673         <div class="preview-scale">
1674           <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>
1675         </div>
1676         <div class="usage">
1677           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-pedestrian-crossing-au" />
1678           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf158;" />
1679         </div>
1680       </div>
1681       
1682       <div class="glyph">
1683         <div class="preview-glyphs">
1684           <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>
1685         </div>
1686         <div class="preview-scale">
1687           <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>
1688         </div>
1689         <div class="usage">
1690           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-pedestrian_bra" />
1691           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf159;" />
1692         </div>
1693       </div>
1694       
1695       <div class="glyph">
1696         <div class="preview-glyphs">
1697           <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>
1698         </div>
1699         <div class="preview-scale">
1700           <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>
1701         </div>
1702         <div class="usage">
1703           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-pedestrian_crossing_bra" />
1704           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15a;" />
1705         </div>
1706       </div>
1707       
1708       <div class="glyph">
1709         <div class="preview-glyphs">
1710           <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>
1711         </div>
1712         <div class="preview-scale">
1713           <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>
1714         </div>
1715         <div class="usage">
1716           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-pedestrians" />
1717           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15b;" />
1718         </div>
1719       </div>
1720       
1721       <div class="glyph">
1722         <div class="preview-glyphs">
1723           <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>
1724         </div>
1725         <div class="preview-scale">
1726           <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>
1727         </div>
1728         <div class="usage">
1729           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-play-ground" />
1730           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15c;" />
1731         </div>
1732       </div>
1733       
1734       <div class="glyph">
1735         <div class="preview-glyphs">
1736           <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>
1737         </div>
1738         <div class="preview-scale">
1739           <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>
1740         </div>
1741         <div class="usage">
1742           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-playground-ahead-ca" />
1743           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15d;" />
1744         </div>
1745       </div>
1746       
1747       <div class="glyph">
1748         <div class="preview-glyphs">
1749           <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>
1750         </div>
1751         <div class="preview-scale">
1752           <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>
1753         </div>
1754         <div class="usage">
1755           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-playground-br" />
1756           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15e;" />
1757         </div>
1758       </div>
1759       
1760       <div class="glyph">
1761         <div class="preview-glyphs">
1762           <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>
1763         </div>
1764         <div class="preview-scale">
1765           <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>
1766         </div>
1767         <div class="usage">
1768           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-pretzel-loop" />
1769           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15f;" />
1770         </div>
1771       </div>
1772       
1773       <div class="glyph">
1774         <div class="preview-glyphs">
1775           <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>
1776         </div>
1777         <div class="preview-scale">
1778           <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>
1779         </div>
1780         <div class="usage">
1781           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-railroad" />
1782           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf160;" />
1783         </div>
1784       </div>
1785       
1786       <div class="glyph">
1787         <div class="preview-glyphs">
1788           <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>
1789         </div>
1790         <div class="preview-scale">
1791           <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>
1792         </div>
1793         <div class="usage">
1794           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-railroad-barriers" />
1795           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf161;" />
1796         </div>
1797       </div>
1798       
1799       <div class="glyph">
1800         <div class="preview-glyphs">
1801           <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>
1802         </div>
1803         <div class="preview-scale">
1804           <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>
1805         </div>
1806         <div class="usage">
1807           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-railway-flashing-au" />
1808           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf162;" />
1809         </div>
1810       </div>
1811       
1812       <div class="glyph">
1813         <div class="preview-glyphs">
1814           <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>
1815         </div>
1816         <div class="preview-scale">
1817           <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>
1818         </div>
1819         <div class="usage">
1820           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-railway-xing-secured" />
1821           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf163;" />
1822         </div>
1823       </div>
1824       
1825       <div class="glyph">
1826         <div class="preview-glyphs">
1827           <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>
1828         </div>
1829         <div class="preview-scale">
1830           <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>
1831         </div>
1832         <div class="usage">
1833           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-railway-xing-unsecured" />
1834           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf164;" />
1835         </div>
1836       </div>
1837       
1838       <div class="glyph">
1839         <div class="preview-glyphs">
1840           <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>
1841         </div>
1842         <div class="preview-scale">
1843           <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>
1844         </div>
1845         <div class="usage">
1846           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-reverse-curve-au" />
1847           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf165;" />
1848         </div>
1849       </div>
1850       
1851       <div class="glyph">
1852         <div class="preview-glyphs">
1853           <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>
1854         </div>
1855         <div class="preview-scale">
1856           <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>
1857         </div>
1858         <div class="usage">
1859           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-reverse-curve-ontario" />
1860           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf166;" />
1861         </div>
1862       </div>
1863       
1864       <div class="glyph">
1865         <div class="preview-glyphs">
1866           <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>
1867         </div>
1868         <div class="preview-scale">
1869           <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>
1870         </div>
1871         <div class="usage">
1872           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-right-of-way" />
1873           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf167;" />
1874         </div>
1875       </div>
1876       
1877       <div class="glyph">
1878         <div class="preview-glyphs">
1879           <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>
1880         </div>
1881         <div class="preview-scale">
1882           <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>
1883         </div>
1884         <div class="usage">
1885           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-right-of-way-l" />
1886           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf168;" />
1887         </div>
1888       </div>
1889       
1890       <div class="glyph">
1891         <div class="preview-glyphs">
1892           <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>
1893         </div>
1894         <div class="preview-scale">
1895           <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>
1896         </div>
1897         <div class="usage">
1898           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-roadworks" />
1899           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf169;" />
1900         </div>
1901       </div>
1902       
1903       <div class="glyph">
1904         <div class="preview-glyphs">
1905           <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>
1906         </div>
1907         <div class="preview-scale">
1908           <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>
1909         </div>
1910         <div class="usage">
1911           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-roadworks_bra" />
1912           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16a;" />
1913         </div>
1914       </div>
1915       
1916       <div class="glyph">
1917         <div class="preview-glyphs">
1918           <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>
1919         </div>
1920         <div class="preview-scale">
1921           <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>
1922         </div>
1923         <div class="usage">
1924           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-rollerblading" />
1925           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16b;" />
1926         </div>
1927       </div>
1928       
1929       <div class="glyph">
1930         <div class="preview-glyphs">
1931           <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>
1932         </div>
1933         <div class="preview-scale">
1934           <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>
1935         </div>
1936         <div class="usage">
1937           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-roundabout" />
1938           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16c;" />
1939         </div>
1940       </div>
1941       
1942       <div class="glyph">
1943         <div class="preview-glyphs">
1944           <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>
1945         </div>
1946         <div class="preview-scale">
1947           <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>
1948         </div>
1949         <div class="usage">
1950           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-school" />
1951           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16d;" />
1952         </div>
1953       </div>
1954       
1955       <div class="glyph">
1956         <div class="preview-glyphs">
1957           <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>
1958         </div>
1959         <div class="preview-scale">
1960           <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>
1961         </div>
1962         <div class="usage">
1963           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-school_zone_bra" />
1964           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16e;" />
1965         </div>
1966       </div>
1967       
1968       <div class="glyph">
1969         <div class="preview-glyphs">
1970           <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>
1971         </div>
1972         <div class="preview-scale">
1973           <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>
1974         </div>
1975         <div class="usage">
1976           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-series-of-curves-left" />
1977           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16f;" />
1978         </div>
1979       </div>
1980       
1981       <div class="glyph">
1982         <div class="preview-glyphs">
1983           <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>
1984         </div>
1985         <div class="preview-scale">
1986           <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>
1987         </div>
1988         <div class="usage">
1989           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-share-road" />
1990           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf170;" />
1991         </div>
1992       </div>
1993       
1994       <div class="glyph">
1995         <div class="preview-glyphs">
1996           <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>
1997         </div>
1998         <div class="preview-scale">
1999           <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>
2000         </div>
2001         <div class="usage">
2002           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-share-roads" />
2003           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf171;" />
2004         </div>
2005       </div>
2006       
2007       <div class="glyph">
2008         <div class="preview-glyphs">
2009           <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>
2010         </div>
2011         <div class="preview-scale">
2012           <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>
2013         </div>
2014         <div class="usage">
2015           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-side-road-a-a-l" />
2016           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf172;" />
2017         </div>
2018       </div>
2019       
2020       <div class="glyph">
2021         <div class="preview-glyphs">
2022           <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>
2023         </div>
2024         <div class="preview-scale">
2025           <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>
2026         </div>
2027         <div class="usage">
2028           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-side-road-a-a-r" />
2029           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf173;" />
2030         </div>
2031       </div>
2032       
2033       <div class="glyph">
2034         <div class="preview-glyphs">
2035           <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>
2036         </div>
2037         <div class="preview-scale">
2038           <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>
2039         </div>
2040         <div class="usage">
2041           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-side-road-p-l" />
2042           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf174;" />
2043         </div>
2044       </div>
2045       
2046       <div class="glyph">
2047         <div class="preview-glyphs">
2048           <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>
2049         </div>
2050         <div class="preview-scale">
2051           <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>
2052         </div>
2053         <div class="usage">
2054           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-side-road-p-r" />
2055           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf175;" />
2056         </div>
2057       </div>
2058       
2059       <div class="glyph">
2060         <div class="preview-glyphs">
2061           <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>
2062         </div>
2063         <div class="preview-scale">
2064           <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>
2065         </div>
2066         <div class="usage">
2067           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-side-road-perpendicular" />
2068           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf176;" />
2069         </div>
2070       </div>
2071       
2072       <div class="glyph">
2073         <div class="preview-glyphs">
2074           <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>
2075         </div>
2076         <div class="preview-scale">
2077           <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>
2078         </div>
2079         <div class="usage">
2080           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-single-2-reverse-curve" />
2081           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf177;" />
2082         </div>
2083       </div>
2084       
2085       <div class="glyph">
2086         <div class="preview-glyphs">
2087           <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>
2088         </div>
2089         <div class="preview-scale">
2090           <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>
2091         </div>
2092         <div class="usage">
2093           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-skewed-railroads" />
2094           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf178;" />
2095         </div>
2096       </div>
2097       
2098       <div class="glyph">
2099         <div class="preview-glyphs">
2100           <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>
2101         </div>
2102         <div class="preview-scale">
2103           <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>
2104         </div>
2105         <div class="usage">
2106           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-slippery" />
2107           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf179;" />
2108         </div>
2109       </div>
2110       
2111       <div class="glyph">
2112         <div class="preview-glyphs">
2113           <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>
2114         </div>
2115         <div class="preview-scale">
2116           <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>
2117         </div>
2118         <div class="usage">
2119           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-slippery-motorcycle" />
2120           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17a;" />
2121         </div>
2122       </div>
2123       
2124       <div class="glyph">
2125         <div class="preview-glyphs">
2126           <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>
2127         </div>
2128         <div class="preview-scale">
2129           <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>
2130         </div>
2131         <div class="usage">
2132           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-slippery-road" />
2133           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17b;" />
2134         </div>
2135       </div>
2136       
2137       <div class="glyph">
2138         <div class="preview-glyphs">
2139           <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>
2140         </div>
2141         <div class="preview-scale">
2142           <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>
2143         </div>
2144         <div class="usage">
2145           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-small-arrow-au" />
2146           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17c;" />
2147         </div>
2148       </div>
2149       
2150       <div class="glyph">
2151         <div class="preview-glyphs">
2152           <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>
2153         </div>
2154         <div class="preview-scale">
2155           <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>
2156         </div>
2157         <div class="usage">
2158           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-snowflake" />
2159           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17d;" />
2160         </div>
2161       </div>
2162       
2163       <div class="glyph">
2164         <div class="preview-glyphs">
2165           <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>
2166         </div>
2167         <div class="preview-scale">
2168           <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>
2169         </div>
2170         <div class="usage">
2171           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-square-angular" />
2172           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17e;" />
2173         </div>
2174       </div>
2175       
2176       <div class="glyph">
2177         <div class="preview-glyphs">
2178           <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>
2179         </div>
2180         <div class="preview-scale">
2181           <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>
2182         </div>
2183         <div class="usage">
2184           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-square-diagonal-bar" />
2185           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17f;" />
2186         </div>
2187       </div>
2188       
2189       <div class="glyph">
2190         <div class="preview-glyphs">
2191           <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>
2192         </div>
2193         <div class="preview-scale">
2194           <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>
2195         </div>
2196         <div class="usage">
2197           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-square-rounded" />
2198           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf180;" />
2199         </div>
2200       </div>
2201       
2202       <div class="glyph">
2203         <div class="preview-glyphs">
2204           <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>
2205         </div>
2206         <div class="preview-scale">
2207           <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>
2208         </div>
2209         <div class="usage">
2210           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-steep-hill" />
2211           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf181;" />
2212         </div>
2213       </div>
2214       
2215       <div class="glyph">
2216         <div class="preview-glyphs">
2217           <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>
2218         </div>
2219         <div class="preview-scale">
2220           <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>
2221         </div>
2222         <div class="usage">
2223           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-steep-hill-downwards" />
2224           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf182;" />
2225         </div>
2226       </div>
2227       
2228       <div class="glyph">
2229         <div class="preview-glyphs">
2230           <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>
2231         </div>
2232         <div class="preview-scale">
2233           <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>
2234         </div>
2235         <div class="usage">
2236           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-steep-hill-upwards" />
2237           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf183;" />
2238         </div>
2239       </div>
2240       
2241       <div class="glyph">
2242         <div class="preview-glyphs">
2243           <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>
2244         </div>
2245         <div class="preview-scale">
2246           <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>
2247         </div>
2248         <div class="usage">
2249           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-stop" />
2250           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf184;" />
2251         </div>
2252       </div>
2253       
2254       <div class="glyph">
2255         <div class="preview-glyphs">
2256           <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>
2257         </div>
2258         <div class="preview-scale">
2259           <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>
2260         </div>
2261         <div class="usage">
2262           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-t-roads" />
2263           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf185;" />
2264         </div>
2265       </div>
2266       
2267       <div class="glyph">
2268         <div class="preview-glyphs">
2269           <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>
2270         </div>
2271         <div class="preview-scale">
2272           <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>
2273         </div>
2274         <div class="usage">
2275           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-tractor" />
2276           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf186;" />
2277         </div>
2278       </div>
2279       
2280       <div class="glyph">
2281         <div class="preview-glyphs">
2282           <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>
2283         </div>
2284         <div class="preview-scale">
2285           <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>
2286         </div>
2287         <div class="usage">
2288           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-traffic-signal-au" />
2289           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf187;" />
2290         </div>
2291       </div>
2292       
2293       <div class="glyph">
2294         <div class="preview-glyphs">
2295           <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>
2296         </div>
2297         <div class="preview-scale">
2298           <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>
2299         </div>
2300         <div class="usage">
2301           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-trailer" />
2302           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf188;" />
2303         </div>
2304       </div>
2305       
2306       <div class="glyph">
2307         <div class="preview-glyphs">
2308           <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>
2309         </div>
2310         <div class="preview-scale">
2311           <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>
2312         </div>
2313         <div class="usage">
2314           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-train-au" />
2315           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf189;" />
2316         </div>
2317       </div>
2318       
2319       <div class="glyph">
2320         <div class="preview-glyphs">
2321           <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>
2322         </div>
2323         <div class="preview-scale">
2324           <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>
2325         </div>
2326         <div class="usage">
2327           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-train-electric" />
2328           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18a;" />
2329         </div>
2330       </div>
2331       
2332       <div class="glyph">
2333         <div class="preview-glyphs">
2334           <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>
2335         </div>
2336         <div class="preview-scale">
2337           <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>
2338         </div>
2339         <div class="usage">
2340           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-tram" />
2341           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18b;" />
2342         </div>
2343       </div>
2344       
2345       <div class="glyph">
2346         <div class="preview-glyphs">
2347           <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>
2348         </div>
2349         <div class="preview-scale">
2350           <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>
2351         </div>
2352         <div class="usage">
2353           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-transit_bra" />
2354           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18c;" />
2355         </div>
2356       </div>
2357       
2358       <div class="glyph">
2359         <div class="preview-glyphs">
2360           <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>
2361         </div>
2362         <div class="preview-scale">
2363           <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>
2364         </div>
2365         <div class="usage">
2366           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-tri-angular" />
2367           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18d;" />
2368         </div>
2369       </div>
2370       
2371       <div class="glyph">
2372         <div class="preview-glyphs">
2373           <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>
2374         </div>
2375         <div class="preview-scale">
2376           <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>
2377         </div>
2378         <div class="usage">
2379           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-tri-rounded" />
2380           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18e;" />
2381         </div>
2382       </div>
2383       
2384       <div class="glyph">
2385         <div class="preview-glyphs">
2386           <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>
2387         </div>
2388         <div class="preview-scale">
2389           <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>
2390         </div>
2391         <div class="usage">
2392           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-truck" />
2393           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf18f;" />
2394         </div>
2395       </div>
2396       
2397       <div class="glyph">
2398         <div class="preview-glyphs">
2399           <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>
2400         </div>
2401         <div class="preview-scale">
2402           <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>
2403         </div>
2404         <div class="usage">
2405           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-truck-rollover-speed" />
2406           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf190;" />
2407         </div>
2408       </div>
2409       
2410       <div class="glyph">
2411         <div class="preview-glyphs">
2412           <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>
2413         </div>
2414         <div class="preview-scale">
2415           <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>
2416         </div>
2417         <div class="usage">
2418           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-trucks-rollover" />
2419           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf191;" />
2420         </div>
2421       </div>
2422       
2423       <div class="glyph">
2424         <div class="preview-glyphs">
2425           <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>
2426         </div>
2427         <div class="preview-scale">
2428           <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>
2429         </div>
2430         <div class="usage">
2431           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-tunnel" />
2432           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf192;" />
2433         </div>
2434       </div>
2435       
2436       <div class="glyph">
2437         <div class="preview-glyphs">
2438           <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>
2439         </div>
2440         <div class="preview-scale">
2441           <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>
2442         </div>
2443         <div class="usage">
2444           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-turn-90-l" />
2445           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf193;" />
2446         </div>
2447       </div>
2448       
2449       <div class="glyph">
2450         <div class="preview-glyphs">
2451           <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>
2452         </div>
2453         <div class="preview-scale">
2454           <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>
2455         </div>
2456         <div class="usage">
2457           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-turn-curve-speed" />
2458           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf194;" />
2459         </div>
2460       </div>
2461       
2462       <div class="glyph">
2463         <div class="preview-glyphs">
2464           <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>
2465         </div>
2466         <div class="preview-scale">
2467           <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>
2468         </div>
2469         <div class="usage">
2470           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-turn-l" />
2471           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf195;" />
2472         </div>
2473       </div>
2474       
2475       <div class="glyph">
2476         <div class="preview-glyphs">
2477           <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>
2478         </div>
2479         <div class="preview-scale">
2480           <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>
2481         </div>
2482         <div class="usage">
2483           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-turn-l-aus" />
2484           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf196;" />
2485         </div>
2486       </div>
2487       
2488       <div class="glyph">
2489         <div class="preview-glyphs">
2490           <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>
2491         </div>
2492         <div class="preview-scale">
2493           <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>
2494         </div>
2495         <div class="usage">
2496           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-turn-l-curve" />
2497           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf197;" />
2498         </div>
2499       </div>
2500       
2501       <div class="glyph">
2502         <div class="preview-glyphs">
2503           <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>
2504         </div>
2505         <div class="preview-scale">
2506           <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>
2507         </div>
2508         <div class="usage">
2509           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-turn-reverse-left" />
2510           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf198;" />
2511         </div>
2512       </div>
2513       
2514       <div class="glyph">
2515         <div class="preview-glyphs">
2516           <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>
2517         </div>
2518         <div class="preview-scale">
2519           <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>
2520         </div>
2521         <div class="usage">
2522           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-turn-right-curve-ontario" />
2523           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf199;" />
2524         </div>
2525       </div>
2526       
2527       <div class="glyph">
2528         <div class="preview-glyphs">
2529           <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>
2530         </div>
2531         <div class="preview-scale">
2532           <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>
2533         </div>
2534         <div class="usage">
2535           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-turnaround" />
2536           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19a;" />
2537         </div>
2538       </div>
2539       
2540       <div class="glyph">
2541         <div class="preview-glyphs">
2542           <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>
2543         </div>
2544         <div class="preview-scale">
2545           <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>
2546         </div>
2547         <div class="usage">
2548           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-turnaround2" />
2549           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19b;" />
2550         </div>
2551       </div>
2552       
2553       <div class="glyph">
2554         <div class="preview-glyphs">
2555           <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>
2556         </div>
2557         <div class="preview-scale">
2558           <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>
2559         </div>
2560         <div class="usage">
2561           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-two_way_arrows_bra" />
2562           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19c;" />
2563         </div>
2564       </div>
2565       
2566       <div class="glyph">
2567         <div class="preview-glyphs">
2568           <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>
2569         </div>
2570         <div class="preview-scale">
2571           <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>
2572         </div>
2573         <div class="usage">
2574           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-u-turn" />
2575           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19d;" />
2576         </div>
2577       </div>
2578       
2579       <div class="glyph">
2580         <div class="preview-glyphs">
2581           <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>
2582         </div>
2583         <div class="preview-scale">
2584           <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>
2585         </div>
2586         <div class="usage">
2587           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-u-turn-au" />
2588           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19e;" />
2589         </div>
2590       </div>
2591       
2592       <div class="glyph">
2593         <div class="preview-glyphs">
2594           <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>
2595         </div>
2596         <div class="preview-scale">
2597           <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>
2598         </div>
2599         <div class="usage">
2600           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-wild-animal" />
2601           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf19f;" />
2602         </div>
2603       </div>
2604       
2605       <div class="glyph">
2606         <div class="preview-glyphs">
2607           <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>
2608         </div>
2609         <div class="preview-scale">
2610           <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>
2611         </div>
2612         <div class="usage">
2613           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-windbag" />
2614           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a0;" />
2615         </div>
2616       </div>
2617       
2618       <div class="glyph">
2619         <div class="preview-glyphs">
2620           <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>
2621         </div>
2622         <div class="preview-scale">
2623           <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>
2624         </div>
2625         <div class="usage">
2626           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-winding-road-left" />
2627           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a1;" />
2628         </div>
2629       </div>
2630       
2631       <div class="glyph">
2632         <div class="preview-glyphs">
2633           <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>
2634         </div>
2635         <div class="preview-scale">
2636           <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>
2637         </div>
2638         <div class="usage">
2639           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-wombat" />
2640           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a2;" />
2641         </div>
2642       </div>
2643       
2644       <div class="glyph">
2645         <div class="preview-glyphs">
2646           <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>
2647         </div>
2648         <div class="preview-scale">
2649           <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>
2650         </div>
2651         <div class="usage">
2652           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".t-y-roads" />
2653           <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf1a3;" />
2654         </div>
2655       </div>
2656       
2657
2658       <footer>
2659         Made with love using <a href="http://fontcustom.com">Font Custom</a>.
2660       </footer>
2661     </div>
2662   </body>
2663 </html>