JNP3 16/17

Dependencies:   mbed nRF24L01P

Committer:
Micha? ?azowik
Date:
Thu Jan 05 22:36:05 2017 +0100
Revision:
13:021a34db0650
Triplicate font

Just because I can.

Who changed what in which revision?

UserRevisionLine numberNew contents of line
Micha? ?azowik 13:021a34db0650 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
Micha? ?azowik 13:021a34db0650 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Micha? ?azowik 13:021a34db0650 3
Micha? ?azowik 13:021a34db0650 4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
Micha? ?azowik 13:021a34db0650 5 <head>
Micha? ?azowik 13:021a34db0650 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Micha? ?azowik 13:021a34db0650 7 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
Micha? ?azowik 13:021a34db0650 8 <script src="specimen_files/easytabs.js" type="text/javascript" charset="utf-8"></script>
Micha? ?azowik 13:021a34db0650 9 <link rel="stylesheet" href="specimen_files/specimen_stylesheet.css" type="text/css" charset="utf-8" />
Micha? ?azowik 13:021a34db0650 10 <link rel="stylesheet" href="triplicate.css" type="text/css" charset="utf-8" />
Micha? ?azowik 13:021a34db0650 11
Micha? ?azowik 13:021a34db0650 12 <style type="text/css">
Micha? ?azowik 13:021a34db0650 13 body{
Micha? ?azowik 13:021a34db0650 14 font-family: 'triplicate';
Micha? ?azowik 13:021a34db0650 15 font-weight: bold;
Micha? ?azowik 13:021a34db0650 16 }
Micha? ?azowik 13:021a34db0650 17 </style>
Micha? ?azowik 13:021a34db0650 18
Micha? ?azowik 13:021a34db0650 19 <title>Triplicate T4 Bold Specimen</title>
Micha? ?azowik 13:021a34db0650 20
Micha? ?azowik 13:021a34db0650 21
Micha? ?azowik 13:021a34db0650 22 <script type="text/javascript" charset="utf-8">
Micha? ?azowik 13:021a34db0650 23 $(document).ready(function() {
Micha? ?azowik 13:021a34db0650 24 $('#container').easyTabs({defaultContent:1});
Micha? ?azowik 13:021a34db0650 25 });
Micha? ?azowik 13:021a34db0650 26 </script>
Micha? ?azowik 13:021a34db0650 27 </head>
Micha? ?azowik 13:021a34db0650 28
Micha? ?azowik 13:021a34db0650 29 <body>
Micha? ?azowik 13:021a34db0650 30 <div id="container">
Micha? ?azowik 13:021a34db0650 31 <div id="header">
Micha? ?azowik 13:021a34db0650 32 Triplicate T4 Bold </div>
Micha? ?azowik 13:021a34db0650 33 <ul class="tabs">
Micha? ?azowik 13:021a34db0650 34 <li><a href="#specimen">Specimen</a></li>
Micha? ?azowik 13:021a34db0650 35 <li><a href="#layout">Sample Layout</a></li>
Micha? ?azowik 13:021a34db0650 36 <li><a href="#glyphs">Glyphs &amp; Languages</a></li>
Micha? ?azowik 13:021a34db0650 37 <li><a href="#installing">Installing Webfonts</a></li>
Micha? ?azowik 13:021a34db0650 38
Micha? ?azowik 13:021a34db0650 39 </ul>
Micha? ?azowik 13:021a34db0650 40
Micha? ?azowik 13:021a34db0650 41 <div id="main_content">
Micha? ?azowik 13:021a34db0650 42
Micha? ?azowik 13:021a34db0650 43
Micha? ?azowik 13:021a34db0650 44 <div id="specimen">
Micha? ?azowik 13:021a34db0650 45
Micha? ?azowik 13:021a34db0650 46 <div class="section">
Micha? ?azowik 13:021a34db0650 47 <div class="grid12 firstcol">
Micha? ?azowik 13:021a34db0650 48 <div class="huge">AaBb</div>
Micha? ?azowik 13:021a34db0650 49 </div>
Micha? ?azowik 13:021a34db0650 50 </div>
Micha? ?azowik 13:021a34db0650 51
Micha? ?azowik 13:021a34db0650 52 <div class="section">
Micha? ?azowik 13:021a34db0650 53 <div class="glyph_range">A&#x200B;B&#x200b;C&#x200b;D&#x200b;E&#x200b;F&#x200b;G&#x200b;H&#x200b;I&#x200b;J&#x200b;K&#x200b;L&#x200b;M&#x200b;N&#x200b;O&#x200b;P&#x200b;Q&#x200b;R&#x200b;S&#x200b;T&#x200b;U&#x200b;V&#x200b;W&#x200b;X&#x200b;Y&#x200b;Z&#x200b;a&#x200b;b&#x200b;c&#x200b;d&#x200b;e&#x200b;f&#x200b;g&#x200b;h&#x200b;i&#x200b;j&#x200b;k&#x200b;l&#x200b;m&#x200b;n&#x200b;o&#x200b;p&#x200b;q&#x200b;r&#x200b;s&#x200b;t&#x200b;u&#x200b;v&#x200b;w&#x200b;x&#x200b;y&#x200b;z&#x200b;1&#x200b;2&#x200b;3&#x200b;4&#x200b;5&#x200b;6&#x200b;7&#x200b;8&#x200b;9&#x200b;0&#x200b;&amp;&#x200b;.&#x200b;,&#x200b;?&#x200b;!&#x200b;&#64;&#x200b;(&#x200b;)&#x200b;#&#x200b;$&#x200b;%&#x200b;*&#x200b;+&#x200b;-&#x200b;=&#x200b;:&#x200b;;</div>
Micha? ?azowik 13:021a34db0650 54 </div>
Micha? ?azowik 13:021a34db0650 55 <div class="section">
Micha? ?azowik 13:021a34db0650 56 <div class="grid12 firstcol">
Micha? ?azowik 13:021a34db0650 57 <table class="sample_table">
Micha? ?azowik 13:021a34db0650 58 <tr><td>10</td><td class="size10">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 59 <tr><td>11</td><td class="size11">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 60 <tr><td>12</td><td class="size12">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 61 <tr><td>13</td><td class="size13">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 62 <tr><td>14</td><td class="size14">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 63 <tr><td>16</td><td class="size16">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 64 <tr><td>18</td><td class="size18">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 65 <tr><td>20</td><td class="size20">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 66 <tr><td>24</td><td class="size24">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 67 <tr><td>30</td><td class="size30">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 68 <tr><td>36</td><td class="size36">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 69 <tr><td>48</td><td class="size48">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 70 <tr><td>60</td><td class="size60">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 71 <tr><td>72</td><td class="size72">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 72 <tr><td>90</td><td class="size90">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 73 </table>
Micha? ?azowik 13:021a34db0650 74
Micha? ?azowik 13:021a34db0650 75 </div>
Micha? ?azowik 13:021a34db0650 76
Micha? ?azowik 13:021a34db0650 77 </div>
Micha? ?azowik 13:021a34db0650 78
Micha? ?azowik 13:021a34db0650 79
Micha? ?azowik 13:021a34db0650 80
Micha? ?azowik 13:021a34db0650 81 <div class="section" id="bodycomparison">
Micha? ?azowik 13:021a34db0650 82
Micha? ?azowik 13:021a34db0650 83
Micha? ?azowik 13:021a34db0650 84 <div id="xheight">
Micha? ?azowik 13:021a34db0650 85 <div class="fontbody">&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;body</div><div class="arialbody">body</div><div class="verdanabody">body</div><div class="georgiabody">body</div></div>
Micha? ?azowik 13:021a34db0650 86 <div class="fontbody" style="z-index:1">
Micha? ?azowik 13:021a34db0650 87 body<span>Triplicate T4 Bold</span>
Micha? ?azowik 13:021a34db0650 88 </div>
Micha? ?azowik 13:021a34db0650 89 <div class="arialbody" style="z-index:1">
Micha? ?azowik 13:021a34db0650 90 body<span>Arial</span>
Micha? ?azowik 13:021a34db0650 91 </div>
Micha? ?azowik 13:021a34db0650 92 <div class="verdanabody" style="z-index:1">
Micha? ?azowik 13:021a34db0650 93 body<span>Verdana</span>
Micha? ?azowik 13:021a34db0650 94 </div>
Micha? ?azowik 13:021a34db0650 95 <div class="georgiabody" style="z-index:1">
Micha? ?azowik 13:021a34db0650 96 body<span>Georgia</span>
Micha? ?azowik 13:021a34db0650 97 </div>
Micha? ?azowik 13:021a34db0650 98
Micha? ?azowik 13:021a34db0650 99
Micha? ?azowik 13:021a34db0650 100
Micha? ?azowik 13:021a34db0650 101 </div>
Micha? ?azowik 13:021a34db0650 102
Micha? ?azowik 13:021a34db0650 103
Micha? ?azowik 13:021a34db0650 104 <div class="section psample psample_row1" id="">
Micha? ?azowik 13:021a34db0650 105
Micha? ?azowik 13:021a34db0650 106 <div class="grid2 firstcol">
Micha? ?azowik 13:021a34db0650 107 <p class="size10"><span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 108
Micha? ?azowik 13:021a34db0650 109 </div>
Micha? ?azowik 13:021a34db0650 110 <div class="grid3">
Micha? ?azowik 13:021a34db0650 111 <p class="size11"><span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 112
Micha? ?azowik 13:021a34db0650 113 </div>
Micha? ?azowik 13:021a34db0650 114 <div class="grid3">
Micha? ?azowik 13:021a34db0650 115 <p class="size12"><span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 116
Micha? ?azowik 13:021a34db0650 117 </div>
Micha? ?azowik 13:021a34db0650 118 <div class="grid4">
Micha? ?azowik 13:021a34db0650 119 <p class="size13"><span>13.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 120
Micha? ?azowik 13:021a34db0650 121 </div>
Micha? ?azowik 13:021a34db0650 122 <div class="white_blend"></div>
Micha? ?azowik 13:021a34db0650 123
Micha? ?azowik 13:021a34db0650 124 </div>
Micha? ?azowik 13:021a34db0650 125 <div class="section psample psample_row2" id="">
Micha? ?azowik 13:021a34db0650 126 <div class="grid3 firstcol">
Micha? ?azowik 13:021a34db0650 127 <p class="size14"><span>14.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 128
Micha? ?azowik 13:021a34db0650 129 </div>
Micha? ?azowik 13:021a34db0650 130 <div class="grid4">
Micha? ?azowik 13:021a34db0650 131 <p class="size16"><span>16.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 132
Micha? ?azowik 13:021a34db0650 133 </div>
Micha? ?azowik 13:021a34db0650 134 <div class="grid5">
Micha? ?azowik 13:021a34db0650 135 <p class="size18"><span>18.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 136
Micha? ?azowik 13:021a34db0650 137 </div>
Micha? ?azowik 13:021a34db0650 138
Micha? ?azowik 13:021a34db0650 139 <div class="white_blend"></div>
Micha? ?azowik 13:021a34db0650 140
Micha? ?azowik 13:021a34db0650 141 </div>
Micha? ?azowik 13:021a34db0650 142
Micha? ?azowik 13:021a34db0650 143 <div class="section psample psample_row3" id="">
Micha? ?azowik 13:021a34db0650 144 <div class="grid5 firstcol">
Micha? ?azowik 13:021a34db0650 145 <p class="size20"><span>20.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 146 </div>
Micha? ?azowik 13:021a34db0650 147 <div class="grid7">
Micha? ?azowik 13:021a34db0650 148 <p class="size24"><span>24.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 149 </div>
Micha? ?azowik 13:021a34db0650 150
Micha? ?azowik 13:021a34db0650 151 <div class="white_blend"></div>
Micha? ?azowik 13:021a34db0650 152
Micha? ?azowik 13:021a34db0650 153 </div>
Micha? ?azowik 13:021a34db0650 154
Micha? ?azowik 13:021a34db0650 155 <div class="section psample psample_row4" id="">
Micha? ?azowik 13:021a34db0650 156 <div class="grid12 firstcol">
Micha? ?azowik 13:021a34db0650 157 <p class="size30"><span>30.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 158 </div>
Micha? ?azowik 13:021a34db0650 159 <div class="white_blend"></div>
Micha? ?azowik 13:021a34db0650 160
Micha? ?azowik 13:021a34db0650 161 </div>
Micha? ?azowik 13:021a34db0650 162
Micha? ?azowik 13:021a34db0650 163
Micha? ?azowik 13:021a34db0650 164
Micha? ?azowik 13:021a34db0650 165 <div class="section psample psample_row1 fullreverse">
Micha? ?azowik 13:021a34db0650 166 <div class="grid2 firstcol">
Micha? ?azowik 13:021a34db0650 167 <p class="size10"><span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 168
Micha? ?azowik 13:021a34db0650 169 </div>
Micha? ?azowik 13:021a34db0650 170 <div class="grid3">
Micha? ?azowik 13:021a34db0650 171 <p class="size11"><span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 172
Micha? ?azowik 13:021a34db0650 173 </div>
Micha? ?azowik 13:021a34db0650 174 <div class="grid3">
Micha? ?azowik 13:021a34db0650 175 <p class="size12"><span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 176
Micha? ?azowik 13:021a34db0650 177 </div>
Micha? ?azowik 13:021a34db0650 178 <div class="grid4">
Micha? ?azowik 13:021a34db0650 179 <p class="size13"><span>13.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 180
Micha? ?azowik 13:021a34db0650 181 </div>
Micha? ?azowik 13:021a34db0650 182 <div class="black_blend"></div>
Micha? ?azowik 13:021a34db0650 183
Micha? ?azowik 13:021a34db0650 184 </div>
Micha? ?azowik 13:021a34db0650 185
Micha? ?azowik 13:021a34db0650 186 <div class="section psample psample_row2 fullreverse">
Micha? ?azowik 13:021a34db0650 187 <div class="grid3 firstcol">
Micha? ?azowik 13:021a34db0650 188 <p class="size14"><span>14.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 189
Micha? ?azowik 13:021a34db0650 190 </div>
Micha? ?azowik 13:021a34db0650 191 <div class="grid4">
Micha? ?azowik 13:021a34db0650 192 <p class="size16"><span>16.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 193
Micha? ?azowik 13:021a34db0650 194 </div>
Micha? ?azowik 13:021a34db0650 195 <div class="grid5">
Micha? ?azowik 13:021a34db0650 196 <p class="size18"><span>18.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 197
Micha? ?azowik 13:021a34db0650 198 </div>
Micha? ?azowik 13:021a34db0650 199 <div class="black_blend"></div>
Micha? ?azowik 13:021a34db0650 200
Micha? ?azowik 13:021a34db0650 201 </div>
Micha? ?azowik 13:021a34db0650 202
Micha? ?azowik 13:021a34db0650 203 <div class="section psample fullreverse psample_row3" id="">
Micha? ?azowik 13:021a34db0650 204 <div class="grid5 firstcol">
Micha? ?azowik 13:021a34db0650 205 <p class="size20"><span>20.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 206 </div>
Micha? ?azowik 13:021a34db0650 207 <div class="grid7">
Micha? ?azowik 13:021a34db0650 208 <p class="size24"><span>24.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 209 </div>
Micha? ?azowik 13:021a34db0650 210
Micha? ?azowik 13:021a34db0650 211 <div class="black_blend"></div>
Micha? ?azowik 13:021a34db0650 212
Micha? ?azowik 13:021a34db0650 213 </div>
Micha? ?azowik 13:021a34db0650 214
Micha? ?azowik 13:021a34db0650 215 <div class="section psample fullreverse psample_row4" id="" style="border-bottom: 20px #000 solid;">
Micha? ?azowik 13:021a34db0650 216 <div class="grid12 firstcol">
Micha? ?azowik 13:021a34db0650 217 <p class="size30"><span>30.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
Micha? ?azowik 13:021a34db0650 218 </div>
Micha? ?azowik 13:021a34db0650 219 <div class="black_blend"></div>
Micha? ?azowik 13:021a34db0650 220
Micha? ?azowik 13:021a34db0650 221 </div>
Micha? ?azowik 13:021a34db0650 222
Micha? ?azowik 13:021a34db0650 223
Micha? ?azowik 13:021a34db0650 224
Micha? ?azowik 13:021a34db0650 225
Micha? ?azowik 13:021a34db0650 226 </div>
Micha? ?azowik 13:021a34db0650 227
Micha? ?azowik 13:021a34db0650 228 <div id="layout">
Micha? ?azowik 13:021a34db0650 229
Micha? ?azowik 13:021a34db0650 230 <div class="section">
Micha? ?azowik 13:021a34db0650 231
Micha? ?azowik 13:021a34db0650 232 <div class="grid12 firstcol">
Micha? ?azowik 13:021a34db0650 233 <h1>Lorem Ipsum Dolor</h1>
Micha? ?azowik 13:021a34db0650 234 <h2>Etiam porta sem malesuada magna mollis euismod</h2>
Micha? ?azowik 13:021a34db0650 235
Micha? ?azowik 13:021a34db0650 236 <p class="byline">By <a href="#link">Aenean Lacinia</a></p>
Micha? ?azowik 13:021a34db0650 237 </div>
Micha? ?azowik 13:021a34db0650 238 </div>
Micha? ?azowik 13:021a34db0650 239 <div class="section">
Micha? ?azowik 13:021a34db0650 240 <div class="grid8 firstcol">
Micha? ?azowik 13:021a34db0650 241 <p class="large">Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
Micha? ?azowik 13:021a34db0650 242
Micha? ?azowik 13:021a34db0650 243
Micha? ?azowik 13:021a34db0650 244 <h3>Pellentesque ornare sem</h3>
Micha? ?azowik 13:021a34db0650 245
Micha? ?azowik 13:021a34db0650 246 <p>Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. </p>
Micha? ?azowik 13:021a34db0650 247
Micha? ?azowik 13:021a34db0650 248 <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
Micha? ?azowik 13:021a34db0650 249
Micha? ?azowik 13:021a34db0650 250 <p>Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur. </p>
Micha? ?azowik 13:021a34db0650 251
Micha? ?azowik 13:021a34db0650 252 <p>Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla. </p>
Micha? ?azowik 13:021a34db0650 253
Micha? ?azowik 13:021a34db0650 254 <h3>Cras mattis consectetur</h3>
Micha? ?azowik 13:021a34db0650 255
Micha? ?azowik 13:021a34db0650 256 <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. </p>
Micha? ?azowik 13:021a34db0650 257
Micha? ?azowik 13:021a34db0650 258 <p>Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.</p>
Micha? ?azowik 13:021a34db0650 259 </div>
Micha? ?azowik 13:021a34db0650 260
Micha? ?azowik 13:021a34db0650 261 <div class="grid4 sidebar">
Micha? ?azowik 13:021a34db0650 262
Micha? ?azowik 13:021a34db0650 263 <div class="box reverse">
Micha? ?azowik 13:021a34db0650 264 <p class="last">Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
Micha? ?azowik 13:021a34db0650 265 </div>
Micha? ?azowik 13:021a34db0650 266
Micha? ?azowik 13:021a34db0650 267 <p class="caption">Maecenas sed diam eget risus varius.</p>
Micha? ?azowik 13:021a34db0650 268
Micha? ?azowik 13:021a34db0650 269 <p>Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
Micha? ?azowik 13:021a34db0650 270
Micha? ?azowik 13:021a34db0650 271
Micha? ?azowik 13:021a34db0650 272
Micha? ?azowik 13:021a34db0650 273 <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo. </p>
Micha? ?azowik 13:021a34db0650 274
Micha? ?azowik 13:021a34db0650 275 <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
Micha? ?azowik 13:021a34db0650 276
Micha? ?azowik 13:021a34db0650 277 </div>
Micha? ?azowik 13:021a34db0650 278 </div>
Micha? ?azowik 13:021a34db0650 279
Micha? ?azowik 13:021a34db0650 280 </div>
Micha? ?azowik 13:021a34db0650 281
Micha? ?azowik 13:021a34db0650 282
Micha? ?azowik 13:021a34db0650 283
Micha? ?azowik 13:021a34db0650 284
Micha? ?azowik 13:021a34db0650 285
Micha? ?azowik 13:021a34db0650 286
Micha? ?azowik 13:021a34db0650 287 <div id="glyphs">
Micha? ?azowik 13:021a34db0650 288 <div class="section">
Micha? ?azowik 13:021a34db0650 289 <div class="grid12 firstcol">
Micha? ?azowik 13:021a34db0650 290
Micha? ?azowik 13:021a34db0650 291 <h1>Language Support</h1>
Micha? ?azowik 13:021a34db0650 292 <p>The subset of Triplicate T4 Bold in this kit supports the following languages:<br />
Micha? ?azowik 13:021a34db0650 293
Micha? ?azowik 13:021a34db0650 294 English, Polish </p>
Micha? ?azowik 13:021a34db0650 295 <h1>Glyph Chart</h1>
Micha? ?azowik 13:021a34db0650 296 <p>The subset of Triplicate T4 Bold in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.</p>
Micha? ?azowik 13:021a34db0650 297 <div id="glyph_chart">
Micha? ?azowik 13:021a34db0650 298
Micha? ?azowik 13:021a34db0650 299 <div><p>&amp;#32;</p>&#32;</div>
Micha? ?azowik 13:021a34db0650 300 <div><p>&amp;#33;</p>&#33;</div>
Micha? ?azowik 13:021a34db0650 301 <div><p>&amp;#34;</p>&#34;</div>
Micha? ?azowik 13:021a34db0650 302 <div><p>&amp;#35;</p>&#35;</div>
Micha? ?azowik 13:021a34db0650 303 <div><p>&amp;#36;</p>&#36;</div>
Micha? ?azowik 13:021a34db0650 304 <div><p>&amp;#37;</p>&#37;</div>
Micha? ?azowik 13:021a34db0650 305 <div><p>&amp;#38;</p>&#38;</div>
Micha? ?azowik 13:021a34db0650 306 <div><p>&amp;#39;</p>&#39;</div>
Micha? ?azowik 13:021a34db0650 307 <div><p>&amp;#40;</p>&#40;</div>
Micha? ?azowik 13:021a34db0650 308 <div><p>&amp;#41;</p>&#41;</div>
Micha? ?azowik 13:021a34db0650 309 <div><p>&amp;#42;</p>&#42;</div>
Micha? ?azowik 13:021a34db0650 310 <div><p>&amp;#43;</p>&#43;</div>
Micha? ?azowik 13:021a34db0650 311 <div><p>&amp;#44;</p>&#44;</div>
Micha? ?azowik 13:021a34db0650 312 <div><p>&amp;#45;</p>&#45;</div>
Micha? ?azowik 13:021a34db0650 313 <div><p>&amp;#46;</p>&#46;</div>
Micha? ?azowik 13:021a34db0650 314 <div><p>&amp;#47;</p>&#47;</div>
Micha? ?azowik 13:021a34db0650 315 <div><p>&amp;#48;</p>&#48;</div>
Micha? ?azowik 13:021a34db0650 316 <div><p>&amp;#49;</p>&#49;</div>
Micha? ?azowik 13:021a34db0650 317 <div><p>&amp;#50;</p>&#50;</div>
Micha? ?azowik 13:021a34db0650 318 <div><p>&amp;#51;</p>&#51;</div>
Micha? ?azowik 13:021a34db0650 319 <div><p>&amp;#52;</p>&#52;</div>
Micha? ?azowik 13:021a34db0650 320 <div><p>&amp;#53;</p>&#53;</div>
Micha? ?azowik 13:021a34db0650 321 <div><p>&amp;#54;</p>&#54;</div>
Micha? ?azowik 13:021a34db0650 322 <div><p>&amp;#55;</p>&#55;</div>
Micha? ?azowik 13:021a34db0650 323 <div><p>&amp;#56;</p>&#56;</div>
Micha? ?azowik 13:021a34db0650 324 <div><p>&amp;#57;</p>&#57;</div>
Micha? ?azowik 13:021a34db0650 325 <div><p>&amp;#58;</p>&#58;</div>
Micha? ?azowik 13:021a34db0650 326 <div><p>&amp;#59;</p>&#59;</div>
Micha? ?azowik 13:021a34db0650 327 <div><p>&amp;#60;</p>&#60;</div>
Micha? ?azowik 13:021a34db0650 328 <div><p>&amp;#61;</p>&#61;</div>
Micha? ?azowik 13:021a34db0650 329 <div><p>&amp;#62;</p>&#62;</div>
Micha? ?azowik 13:021a34db0650 330 <div><p>&amp;#63;</p>&#63;</div>
Micha? ?azowik 13:021a34db0650 331 <div><p>&amp;#64;</p>&#64;</div>
Micha? ?azowik 13:021a34db0650 332 <div><p>&amp;#65;</p>&#65;</div>
Micha? ?azowik 13:021a34db0650 333 <div><p>&amp;#66;</p>&#66;</div>
Micha? ?azowik 13:021a34db0650 334 <div><p>&amp;#67;</p>&#67;</div>
Micha? ?azowik 13:021a34db0650 335 <div><p>&amp;#68;</p>&#68;</div>
Micha? ?azowik 13:021a34db0650 336 <div><p>&amp;#69;</p>&#69;</div>
Micha? ?azowik 13:021a34db0650 337 <div><p>&amp;#70;</p>&#70;</div>
Micha? ?azowik 13:021a34db0650 338 <div><p>&amp;#71;</p>&#71;</div>
Micha? ?azowik 13:021a34db0650 339 <div><p>&amp;#72;</p>&#72;</div>
Micha? ?azowik 13:021a34db0650 340 <div><p>&amp;#73;</p>&#73;</div>
Micha? ?azowik 13:021a34db0650 341 <div><p>&amp;#74;</p>&#74;</div>
Micha? ?azowik 13:021a34db0650 342 <div><p>&amp;#75;</p>&#75;</div>
Micha? ?azowik 13:021a34db0650 343 <div><p>&amp;#76;</p>&#76;</div>
Micha? ?azowik 13:021a34db0650 344 <div><p>&amp;#77;</p>&#77;</div>
Micha? ?azowik 13:021a34db0650 345 <div><p>&amp;#78;</p>&#78;</div>
Micha? ?azowik 13:021a34db0650 346 <div><p>&amp;#79;</p>&#79;</div>
Micha? ?azowik 13:021a34db0650 347 <div><p>&amp;#80;</p>&#80;</div>
Micha? ?azowik 13:021a34db0650 348 <div><p>&amp;#81;</p>&#81;</div>
Micha? ?azowik 13:021a34db0650 349 <div><p>&amp;#82;</p>&#82;</div>
Micha? ?azowik 13:021a34db0650 350 <div><p>&amp;#83;</p>&#83;</div>
Micha? ?azowik 13:021a34db0650 351 <div><p>&amp;#84;</p>&#84;</div>
Micha? ?azowik 13:021a34db0650 352 <div><p>&amp;#85;</p>&#85;</div>
Micha? ?azowik 13:021a34db0650 353 <div><p>&amp;#86;</p>&#86;</div>
Micha? ?azowik 13:021a34db0650 354 <div><p>&amp;#87;</p>&#87;</div>
Micha? ?azowik 13:021a34db0650 355 <div><p>&amp;#88;</p>&#88;</div>
Micha? ?azowik 13:021a34db0650 356 <div><p>&amp;#89;</p>&#89;</div>
Micha? ?azowik 13:021a34db0650 357 <div><p>&amp;#90;</p>&#90;</div>
Micha? ?azowik 13:021a34db0650 358 <div><p>&amp;#91;</p>&#91;</div>
Micha? ?azowik 13:021a34db0650 359 <div><p>&amp;#92;</p>&#92;</div>
Micha? ?azowik 13:021a34db0650 360 <div><p>&amp;#93;</p>&#93;</div>
Micha? ?azowik 13:021a34db0650 361 <div><p>&amp;#94;</p>&#94;</div>
Micha? ?azowik 13:021a34db0650 362 <div><p>&amp;#95;</p>&#95;</div>
Micha? ?azowik 13:021a34db0650 363 <div><p>&amp;#96;</p>&#96;</div>
Micha? ?azowik 13:021a34db0650 364 <div><p>&amp;#97;</p>&#97;</div>
Micha? ?azowik 13:021a34db0650 365 <div><p>&amp;#98;</p>&#98;</div>
Micha? ?azowik 13:021a34db0650 366 <div><p>&amp;#99;</p>&#99;</div>
Micha? ?azowik 13:021a34db0650 367 <div><p>&amp;#100;</p>&#100;</div>
Micha? ?azowik 13:021a34db0650 368 <div><p>&amp;#101;</p>&#101;</div>
Micha? ?azowik 13:021a34db0650 369 <div><p>&amp;#102;</p>&#102;</div>
Micha? ?azowik 13:021a34db0650 370 <div><p>&amp;#103;</p>&#103;</div>
Micha? ?azowik 13:021a34db0650 371 <div><p>&amp;#104;</p>&#104;</div>
Micha? ?azowik 13:021a34db0650 372 <div><p>&amp;#105;</p>&#105;</div>
Micha? ?azowik 13:021a34db0650 373 <div><p>&amp;#106;</p>&#106;</div>
Micha? ?azowik 13:021a34db0650 374 <div><p>&amp;#107;</p>&#107;</div>
Micha? ?azowik 13:021a34db0650 375 <div><p>&amp;#108;</p>&#108;</div>
Micha? ?azowik 13:021a34db0650 376 <div><p>&amp;#109;</p>&#109;</div>
Micha? ?azowik 13:021a34db0650 377 <div><p>&amp;#110;</p>&#110;</div>
Micha? ?azowik 13:021a34db0650 378 <div><p>&amp;#111;</p>&#111;</div>
Micha? ?azowik 13:021a34db0650 379 <div><p>&amp;#112;</p>&#112;</div>
Micha? ?azowik 13:021a34db0650 380 <div><p>&amp;#113;</p>&#113;</div>
Micha? ?azowik 13:021a34db0650 381 <div><p>&amp;#114;</p>&#114;</div>
Micha? ?azowik 13:021a34db0650 382 <div><p>&amp;#115;</p>&#115;</div>
Micha? ?azowik 13:021a34db0650 383 <div><p>&amp;#116;</p>&#116;</div>
Micha? ?azowik 13:021a34db0650 384 <div><p>&amp;#117;</p>&#117;</div>
Micha? ?azowik 13:021a34db0650 385 <div><p>&amp;#118;</p>&#118;</div>
Micha? ?azowik 13:021a34db0650 386 <div><p>&amp;#119;</p>&#119;</div>
Micha? ?azowik 13:021a34db0650 387 <div><p>&amp;#120;</p>&#120;</div>
Micha? ?azowik 13:021a34db0650 388 <div><p>&amp;#121;</p>&#121;</div>
Micha? ?azowik 13:021a34db0650 389 <div><p>&amp;#122;</p>&#122;</div>
Micha? ?azowik 13:021a34db0650 390 <div><p>&amp;#123;</p>&#123;</div>
Micha? ?azowik 13:021a34db0650 391 <div><p>&amp;#124;</p>&#124;</div>
Micha? ?azowik 13:021a34db0650 392 <div><p>&amp;#125;</p>&#125;</div>
Micha? ?azowik 13:021a34db0650 393 <div><p>&amp;#126;</p>&#126;</div>
Micha? ?azowik 13:021a34db0650 394 <div><p>&amp;#160;</p>&#160;</div>
Micha? ?azowik 13:021a34db0650 395 <div><p>&amp;#162;</p>&#162;</div>
Micha? ?azowik 13:021a34db0650 396 <div><p>&amp;#163;</p>&#163;</div>
Micha? ?azowik 13:021a34db0650 397 <div><p>&amp;#165;</p>&#165;</div>
Micha? ?azowik 13:021a34db0650 398 <div><p>&amp;#168;</p>&#168;</div>
Micha? ?azowik 13:021a34db0650 399 <div><p>&amp;#169;</p>&#169;</div>
Micha? ?azowik 13:021a34db0650 400 <div><p>&amp;#170;</p>&#170;</div>
Micha? ?azowik 13:021a34db0650 401 <div><p>&amp;#171;</p>&#171;</div>
Micha? ?azowik 13:021a34db0650 402 <div><p>&amp;#172;</p>&#172;</div>
Micha? ?azowik 13:021a34db0650 403 <div><p>&amp;#173;</p>&#173;</div>
Micha? ?azowik 13:021a34db0650 404 <div><p>&amp;#174;</p>&#174;</div>
Micha? ?azowik 13:021a34db0650 405 <div><p>&amp;#177;</p>&#177;</div>
Micha? ?azowik 13:021a34db0650 406 <div><p>&amp;#178;</p>&#178;</div>
Micha? ?azowik 13:021a34db0650 407 <div><p>&amp;#179;</p>&#179;</div>
Micha? ?azowik 13:021a34db0650 408 <div><p>&amp;#180;</p>&#180;</div>
Micha? ?azowik 13:021a34db0650 409 <div><p>&amp;#181;</p>&#181;</div>
Micha? ?azowik 13:021a34db0650 410 <div><p>&amp;#184;</p>&#184;</div>
Micha? ?azowik 13:021a34db0650 411 <div><p>&amp;#185;</p>&#185;</div>
Micha? ?azowik 13:021a34db0650 412 <div><p>&amp;#186;</p>&#186;</div>
Micha? ?azowik 13:021a34db0650 413 <div><p>&amp;#187;</p>&#187;</div>
Micha? ?azowik 13:021a34db0650 414 <div><p>&amp;#188;</p>&#188;</div>
Micha? ?azowik 13:021a34db0650 415 <div><p>&amp;#189;</p>&#189;</div>
Micha? ?azowik 13:021a34db0650 416 <div><p>&amp;#190;</p>&#190;</div>
Micha? ?azowik 13:021a34db0650 417 <div><p>&amp;#211;</p>&#211;</div>
Micha? ?azowik 13:021a34db0650 418 <div><p>&amp;#243;</p>&#243;</div>
Micha? ?azowik 13:021a34db0650 419 <div><p>&amp;#247;</p>&#247;</div>
Micha? ?azowik 13:021a34db0650 420 <div><p>&amp;#260;</p>&#260;</div>
Micha? ?azowik 13:021a34db0650 421 <div><p>&amp;#261;</p>&#261;</div>
Micha? ?azowik 13:021a34db0650 422 <div><p>&amp;#262;</p>&#262;</div>
Micha? ?azowik 13:021a34db0650 423 <div><p>&amp;#263;</p>&#263;</div>
Micha? ?azowik 13:021a34db0650 424 <div><p>&amp;#280;</p>&#280;</div>
Micha? ?azowik 13:021a34db0650 425 <div><p>&amp;#281;</p>&#281;</div>
Micha? ?azowik 13:021a34db0650 426 <div><p>&amp;#321;</p>&#321;</div>
Micha? ?azowik 13:021a34db0650 427 <div><p>&amp;#322;</p>&#322;</div>
Micha? ?azowik 13:021a34db0650 428 <div><p>&amp;#323;</p>&#323;</div>
Micha? ?azowik 13:021a34db0650 429 <div><p>&amp;#324;</p>&#324;</div>
Micha? ?azowik 13:021a34db0650 430 <div><p>&amp;#346;</p>&#346;</div>
Micha? ?azowik 13:021a34db0650 431 <div><p>&amp;#347;</p>&#347;</div>
Micha? ?azowik 13:021a34db0650 432 <div><p>&amp;#377;</p>&#377;</div>
Micha? ?azowik 13:021a34db0650 433 <div><p>&amp;#378;</p>&#378;</div>
Micha? ?azowik 13:021a34db0650 434 <div><p>&amp;#379;</p>&#379;</div>
Micha? ?azowik 13:021a34db0650 435 <div><p>&amp;#380;</p>&#380;</div>
Micha? ?azowik 13:021a34db0650 436 <div><p>&amp;#710;</p>&#710;</div>
Micha? ?azowik 13:021a34db0650 437 <div><p>&amp;#730;</p>&#730;</div>
Micha? ?azowik 13:021a34db0650 438 <div><p>&amp;#732;</p>&#732;</div>
Micha? ?azowik 13:021a34db0650 439 <div><p>&amp;#960;</p>&#960;</div>
Micha? ?azowik 13:021a34db0650 440 <div><p>&amp;#8192;</p>&#8192;</div>
Micha? ?azowik 13:021a34db0650 441 <div><p>&amp;#8193;</p>&#8193;</div>
Micha? ?azowik 13:021a34db0650 442 <div><p>&amp;#8194;</p>&#8194;</div>
Micha? ?azowik 13:021a34db0650 443 <div><p>&amp;#8195;</p>&#8195;</div>
Micha? ?azowik 13:021a34db0650 444 <div><p>&amp;#8196;</p>&#8196;</div>
Micha? ?azowik 13:021a34db0650 445 <div><p>&amp;#8197;</p>&#8197;</div>
Micha? ?azowik 13:021a34db0650 446 <div><p>&amp;#8198;</p>&#8198;</div>
Micha? ?azowik 13:021a34db0650 447 <div><p>&amp;#8199;</p>&#8199;</div>
Micha? ?azowik 13:021a34db0650 448 <div><p>&amp;#8200;</p>&#8200;</div>
Micha? ?azowik 13:021a34db0650 449 <div><p>&amp;#8201;</p>&#8201;</div>
Micha? ?azowik 13:021a34db0650 450 <div><p>&amp;#8202;</p>&#8202;</div>
Micha? ?azowik 13:021a34db0650 451 <div><p>&amp;#8208;</p>&#8208;</div>
Micha? ?azowik 13:021a34db0650 452 <div><p>&amp;#8209;</p>&#8209;</div>
Micha? ?azowik 13:021a34db0650 453 <div><p>&amp;#8210;</p>&#8210;</div>
Micha? ?azowik 13:021a34db0650 454 <div><p>&amp;#8211;</p>&#8211;</div>
Micha? ?azowik 13:021a34db0650 455 <div><p>&amp;#8212;</p>&#8212;</div>
Micha? ?azowik 13:021a34db0650 456 <div><p>&amp;#8216;</p>&#8216;</div>
Micha? ?azowik 13:021a34db0650 457 <div><p>&amp;#8217;</p>&#8217;</div>
Micha? ?azowik 13:021a34db0650 458 <div><p>&amp;#8218;</p>&#8218;</div>
Micha? ?azowik 13:021a34db0650 459 <div><p>&amp;#8220;</p>&#8220;</div>
Micha? ?azowik 13:021a34db0650 460 <div><p>&amp;#8221;</p>&#8221;</div>
Micha? ?azowik 13:021a34db0650 461 <div><p>&amp;#8222;</p>&#8222;</div>
Micha? ?azowik 13:021a34db0650 462 <div><p>&amp;#8226;</p>&#8226;</div>
Micha? ?azowik 13:021a34db0650 463 <div><p>&amp;#8230;</p>&#8230;</div>
Micha? ?azowik 13:021a34db0650 464 <div><p>&amp;#8239;</p>&#8239;</div>
Micha? ?azowik 13:021a34db0650 465 <div><p>&amp;#8240;</p>&#8240;</div>
Micha? ?azowik 13:021a34db0650 466 <div><p>&amp;#8249;</p>&#8249;</div>
Micha? ?azowik 13:021a34db0650 467 <div><p>&amp;#8250;</p>&#8250;</div>
Micha? ?azowik 13:021a34db0650 468 <div><p>&amp;#8260;</p>&#8260;</div>
Micha? ?azowik 13:021a34db0650 469 <div><p>&amp;#8287;</p>&#8287;</div>
Micha? ?azowik 13:021a34db0650 470 <div><p>&amp;#8304;</p>&#8304;</div>
Micha? ?azowik 13:021a34db0650 471 <div><p>&amp;#8308;</p>&#8308;</div>
Micha? ?azowik 13:021a34db0650 472 <div><p>&amp;#8309;</p>&#8309;</div>
Micha? ?azowik 13:021a34db0650 473 <div><p>&amp;#8310;</p>&#8310;</div>
Micha? ?azowik 13:021a34db0650 474 <div><p>&amp;#8311;</p>&#8311;</div>
Micha? ?azowik 13:021a34db0650 475 <div><p>&amp;#8312;</p>&#8312;</div>
Micha? ?azowik 13:021a34db0650 476 <div><p>&amp;#8313;</p>&#8313;</div>
Micha? ?azowik 13:021a34db0650 477 <div><p>&amp;#8364;</p>&#8364;</div>
Micha? ?azowik 13:021a34db0650 478 <div><p>&amp;#8482;</p>&#8482;</div>
Micha? ?azowik 13:021a34db0650 479 <div><p>&amp;#8531;</p>&#8531;</div>
Micha? ?azowik 13:021a34db0650 480 <div><p>&amp;#8532;</p>&#8532;</div>
Micha? ?azowik 13:021a34db0650 481 <div><p>&amp;#8539;</p>&#8539;</div>
Micha? ?azowik 13:021a34db0650 482 <div><p>&amp;#8540;</p>&#8540;</div>
Micha? ?azowik 13:021a34db0650 483 <div><p>&amp;#8541;</p>&#8541;</div>
Micha? ?azowik 13:021a34db0650 484 <div><p>&amp;#8542;</p>&#8542;</div>
Micha? ?azowik 13:021a34db0650 485 <div><p>&amp;#8706;</p>&#8706;</div>
Micha? ?azowik 13:021a34db0650 486 <div><p>&amp;#8710;</p>&#8710;</div>
Micha? ?azowik 13:021a34db0650 487 <div><p>&amp;#8719;</p>&#8719;</div>
Micha? ?azowik 13:021a34db0650 488 <div><p>&amp;#8721;</p>&#8721;</div>
Micha? ?azowik 13:021a34db0650 489 <div><p>&amp;#8730;</p>&#8730;</div>
Micha? ?azowik 13:021a34db0650 490 <div><p>&amp;#8734;</p>&#8734;</div>
Micha? ?azowik 13:021a34db0650 491 <div><p>&amp;#8747;</p>&#8747;</div>
Micha? ?azowik 13:021a34db0650 492 <div><p>&amp;#8776;</p>&#8776;</div>
Micha? ?azowik 13:021a34db0650 493 <div><p>&amp;#8800;</p>&#8800;</div>
Micha? ?azowik 13:021a34db0650 494 <div><p>&amp;#8804;</p>&#8804;</div>
Micha? ?azowik 13:021a34db0650 495 <div><p>&amp;#8805;</p>&#8805;</div>
Micha? ?azowik 13:021a34db0650 496 <div><p>&amp;#9724;</p>&#9724;</div>
Micha? ?azowik 13:021a34db0650 497 </div>
Micha? ?azowik 13:021a34db0650 498 </div>
Micha? ?azowik 13:021a34db0650 499
Micha? ?azowik 13:021a34db0650 500
Micha? ?azowik 13:021a34db0650 501 </div>
Micha? ?azowik 13:021a34db0650 502 </div>
Micha? ?azowik 13:021a34db0650 503
Micha? ?azowik 13:021a34db0650 504
Micha? ?azowik 13:021a34db0650 505 <div id="specs">
Micha? ?azowik 13:021a34db0650 506
Micha? ?azowik 13:021a34db0650 507 </div>
Micha? ?azowik 13:021a34db0650 508
Micha? ?azowik 13:021a34db0650 509 <div id="installing">
Micha? ?azowik 13:021a34db0650 510 <div class="section">
Micha? ?azowik 13:021a34db0650 511 <div class="grid7 firstcol">
Micha? ?azowik 13:021a34db0650 512 <h1>Installing Webfonts</h1>
Micha? ?azowik 13:021a34db0650 513
Micha? ?azowik 13:021a34db0650 514 <p>Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.</p>
Micha? ?azowik 13:021a34db0650 515
Micha? ?azowik 13:021a34db0650 516 <h2>1. Upload your webfonts</h2>
Micha? ?azowik 13:021a34db0650 517 <p>You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.</p>
Micha? ?azowik 13:021a34db0650 518
Micha? ?azowik 13:021a34db0650 519 <h2>2. Include the webfont stylesheet</h2>
Micha? ?azowik 13:021a34db0650 520 <p>A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the <a href="https://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax">Fontspring blog post</a> about it. The code for it is as follows:</p>
Micha? ?azowik 13:021a34db0650 521
Micha? ?azowik 13:021a34db0650 522
Micha? ?azowik 13:021a34db0650 523 <code>
Micha? ?azowik 13:021a34db0650 524 @font-face{
Micha? ?azowik 13:021a34db0650 525 font-family: 'MyWebFont';
Micha? ?azowik 13:021a34db0650 526 src: url('WebFont.eot');
Micha? ?azowik 13:021a34db0650 527 src: url('WebFont.eot?#iefix') format('embedded-opentype'),
Micha? ?azowik 13:021a34db0650 528 url('WebFont.woff') format('woff'),
Micha? ?azowik 13:021a34db0650 529 url('WebFont.ttf') format('truetype'),
Micha? ?azowik 13:021a34db0650 530 url('WebFont.svg#webfont') format('svg');
Micha? ?azowik 13:021a34db0650 531 }
Micha? ?azowik 13:021a34db0650 532 </code>
Micha? ?azowik 13:021a34db0650 533
Micha? ?azowik 13:021a34db0650 534 <p>We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:</p>
Micha? ?azowik 13:021a34db0650 535 <code>&lt;link rel=&quot;stylesheet&quot; href=&quot;stylesheet.css&quot; type=&quot;text/css&quot; charset=&quot;utf-8&quot; /&gt;</code>
Micha? ?azowik 13:021a34db0650 536
Micha? ?azowik 13:021a34db0650 537 <h2>3. Modify your own stylesheet</h2>
Micha? ?azowik 13:021a34db0650 538 <p>To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:</p>
Micha? ?azowik 13:021a34db0650 539 <code>p { font-family: 'WebFont', Arial, sans-serif; }</code>
Micha? ?azowik 13:021a34db0650 540
Micha? ?azowik 13:021a34db0650 541 <h2>4. Test</h2>
Micha? ?azowik 13:021a34db0650 542 <p>Getting webfonts to work cross-browser <em>can</em> be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.</p>
Micha? ?azowik 13:021a34db0650 543 </div>
Micha? ?azowik 13:021a34db0650 544
Micha? ?azowik 13:021a34db0650 545 <div class="grid5 sidebar">
Micha? ?azowik 13:021a34db0650 546 <div class="box">
Micha? ?azowik 13:021a34db0650 547 <h2>Troubleshooting<br />Font-Face Problems</h2>
Micha? ?azowik 13:021a34db0650 548 <p>Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.</p>
Micha? ?azowik 13:021a34db0650 549
Micha? ?azowik 13:021a34db0650 550 <h3>Fonts not showing in any browser</h3>
Micha? ?azowik 13:021a34db0650 551
Micha? ?azowik 13:021a34db0650 552 <p>This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.</p>
Micha? ?azowik 13:021a34db0650 553
Micha? ?azowik 13:021a34db0650 554 <h3>Fonts not loading in iPhone or iPad</h3>
Micha? ?azowik 13:021a34db0650 555
Micha? ?azowik 13:021a34db0650 556 <p>The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.</p>
Micha? ?azowik 13:021a34db0650 557
Micha? ?azowik 13:021a34db0650 558 <h3>Fonts not loading in Firefox</h3>
Micha? ?azowik 13:021a34db0650 559
Micha? ?azowik 13:021a34db0650 560 <p>The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)</p>
Micha? ?azowik 13:021a34db0650 561
Micha? ?azowik 13:021a34db0650 562 <h3>Fonts not loading in IE</h3>
Micha? ?azowik 13:021a34db0650 563
Micha? ?azowik 13:021a34db0650 564 <p>Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.</p>
Micha? ?azowik 13:021a34db0650 565
Micha? ?azowik 13:021a34db0650 566 <h3>Fonts not loading in IE9</h3>
Micha? ?azowik 13:021a34db0650 567
Micha? ?azowik 13:021a34db0650 568 <p>IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.</p>
Micha? ?azowik 13:021a34db0650 569 </div>
Micha? ?azowik 13:021a34db0650 570 </div>
Micha? ?azowik 13:021a34db0650 571 </div>
Micha? ?azowik 13:021a34db0650 572
Micha? ?azowik 13:021a34db0650 573 </div>
Micha? ?azowik 13:021a34db0650 574
Micha? ?azowik 13:021a34db0650 575 </div>
Micha? ?azowik 13:021a34db0650 576 <div id="footer">
Micha? ?azowik 13:021a34db0650 577 <p>&copy;2010-2011 Font Squirrel. All rights reserved.</p>
Micha? ?azowik 13:021a34db0650 578 </div>
Micha? ?azowik 13:021a34db0650 579 </div>
Micha? ?azowik 13:021a34db0650 580 </body>
Micha? ?azowik 13:021a34db0650 581 </html>