JNP3 16/17

Dependencies:   mbed nRF24L01P

Committer:
pannaanna
Date:
Mon Jan 23 14:18:23 2017 +0100
Revision:
68:e88f3fd2e9cf
Parent:
13:021a34db0650
port changed

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 }
Micha? ?azowik 13:021a34db0650 16 </style>
Micha? ?azowik 13:021a34db0650 17
Micha? ?azowik 13:021a34db0650 18 <title>Triplicate T4 Regular Specimen</title>
Micha? ?azowik 13:021a34db0650 19
Micha? ?azowik 13:021a34db0650 20
Micha? ?azowik 13:021a34db0650 21 <script type="text/javascript" charset="utf-8">
Micha? ?azowik 13:021a34db0650 22 $(document).ready(function() {
Micha? ?azowik 13:021a34db0650 23 $('#container').easyTabs({defaultContent:1});
Micha? ?azowik 13:021a34db0650 24 });
Micha? ?azowik 13:021a34db0650 25 </script>
Micha? ?azowik 13:021a34db0650 26 </head>
Micha? ?azowik 13:021a34db0650 27
Micha? ?azowik 13:021a34db0650 28 <body>
Micha? ?azowik 13:021a34db0650 29 <div id="container">
Micha? ?azowik 13:021a34db0650 30 <div id="header">
Micha? ?azowik 13:021a34db0650 31 Triplicate T4 Regular </div>
Micha? ?azowik 13:021a34db0650 32 <ul class="tabs">
Micha? ?azowik 13:021a34db0650 33 <li><a href="#specimen">Specimen</a></li>
Micha? ?azowik 13:021a34db0650 34 <li><a href="#layout">Sample Layout</a></li>
Micha? ?azowik 13:021a34db0650 35 <li><a href="#glyphs">Glyphs &amp; Languages</a></li>
Micha? ?azowik 13:021a34db0650 36 <li><a href="#installing">Installing Webfonts</a></li>
Micha? ?azowik 13:021a34db0650 37
Micha? ?azowik 13:021a34db0650 38 </ul>
Micha? ?azowik 13:021a34db0650 39
Micha? ?azowik 13:021a34db0650 40 <div id="main_content">
Micha? ?azowik 13:021a34db0650 41
Micha? ?azowik 13:021a34db0650 42
Micha? ?azowik 13:021a34db0650 43 <div id="specimen">
Micha? ?azowik 13:021a34db0650 44
Micha? ?azowik 13:021a34db0650 45 <div class="section">
Micha? ?azowik 13:021a34db0650 46 <div class="grid12 firstcol">
Micha? ?azowik 13:021a34db0650 47 <div class="huge">AaBb</div>
Micha? ?azowik 13:021a34db0650 48 </div>
Micha? ?azowik 13:021a34db0650 49 </div>
Micha? ?azowik 13:021a34db0650 50
Micha? ?azowik 13:021a34db0650 51 <div class="section">
Micha? ?azowik 13:021a34db0650 52 <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 53 </div>
Micha? ?azowik 13:021a34db0650 54 <div class="section">
Micha? ?azowik 13:021a34db0650 55 <div class="grid12 firstcol">
Micha? ?azowik 13:021a34db0650 56 <table class="sample_table">
Micha? ?azowik 13:021a34db0650 57 <tr><td>10</td><td class="size10">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 58 <tr><td>11</td><td class="size11">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 59 <tr><td>12</td><td class="size12">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 60 <tr><td>13</td><td class="size13">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 61 <tr><td>14</td><td class="size14">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 62 <tr><td>16</td><td class="size16">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 63 <tr><td>18</td><td class="size18">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 64 <tr><td>20</td><td class="size20">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 65 <tr><td>24</td><td class="size24">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 66 <tr><td>30</td><td class="size30">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 67 <tr><td>36</td><td class="size36">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 68 <tr><td>48</td><td class="size48">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 69 <tr><td>60</td><td class="size60">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 70 <tr><td>72</td><td class="size72">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 71 <tr><td>90</td><td class="size90">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
Micha? ?azowik 13:021a34db0650 72 </table>
Micha? ?azowik 13:021a34db0650 73
Micha? ?azowik 13:021a34db0650 74 </div>
Micha? ?azowik 13:021a34db0650 75
Micha? ?azowik 13:021a34db0650 76 </div>
Micha? ?azowik 13:021a34db0650 77
Micha? ?azowik 13:021a34db0650 78
Micha? ?azowik 13:021a34db0650 79
Micha? ?azowik 13:021a34db0650 80 <div class="section" id="bodycomparison">
Micha? ?azowik 13:021a34db0650 81
Micha? ?azowik 13:021a34db0650 82
Micha? ?azowik 13:021a34db0650 83 <div id="xheight">
Micha? ?azowik 13:021a34db0650 84 <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 85 <div class="fontbody" style="z-index:1">
Micha? ?azowik 13:021a34db0650 86 body<span>Triplicate T4 Regular</span>
Micha? ?azowik 13:021a34db0650 87 </div>
Micha? ?azowik 13:021a34db0650 88 <div class="arialbody" style="z-index:1">
Micha? ?azowik 13:021a34db0650 89 body<span>Arial</span>
Micha? ?azowik 13:021a34db0650 90 </div>
Micha? ?azowik 13:021a34db0650 91 <div class="verdanabody" style="z-index:1">
Micha? ?azowik 13:021a34db0650 92 body<span>Verdana</span>
Micha? ?azowik 13:021a34db0650 93 </div>
Micha? ?azowik 13:021a34db0650 94 <div class="georgiabody" style="z-index:1">
Micha? ?azowik 13:021a34db0650 95 body<span>Georgia</span>
Micha? ?azowik 13:021a34db0650 96 </div>
Micha? ?azowik 13:021a34db0650 97
Micha? ?azowik 13:021a34db0650 98
Micha? ?azowik 13:021a34db0650 99
Micha? ?azowik 13:021a34db0650 100 </div>
Micha? ?azowik 13:021a34db0650 101
Micha? ?azowik 13:021a34db0650 102
Micha? ?azowik 13:021a34db0650 103 <div class="section psample psample_row1" id="">
Micha? ?azowik 13:021a34db0650 104
Micha? ?azowik 13:021a34db0650 105 <div class="grid2 firstcol">
Micha? ?azowik 13:021a34db0650 106 <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 107
Micha? ?azowik 13:021a34db0650 108 </div>
Micha? ?azowik 13:021a34db0650 109 <div class="grid3">
Micha? ?azowik 13:021a34db0650 110 <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 111
Micha? ?azowik 13:021a34db0650 112 </div>
Micha? ?azowik 13:021a34db0650 113 <div class="grid3">
Micha? ?azowik 13:021a34db0650 114 <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 115
Micha? ?azowik 13:021a34db0650 116 </div>
Micha? ?azowik 13:021a34db0650 117 <div class="grid4">
Micha? ?azowik 13:021a34db0650 118 <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 119
Micha? ?azowik 13:021a34db0650 120 </div>
Micha? ?azowik 13:021a34db0650 121 <div class="white_blend"></div>
Micha? ?azowik 13:021a34db0650 122
Micha? ?azowik 13:021a34db0650 123 </div>
Micha? ?azowik 13:021a34db0650 124 <div class="section psample psample_row2" id="">
Micha? ?azowik 13:021a34db0650 125 <div class="grid3 firstcol">
Micha? ?azowik 13:021a34db0650 126 <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 127
Micha? ?azowik 13:021a34db0650 128 </div>
Micha? ?azowik 13:021a34db0650 129 <div class="grid4">
Micha? ?azowik 13:021a34db0650 130 <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 131
Micha? ?azowik 13:021a34db0650 132 </div>
Micha? ?azowik 13:021a34db0650 133 <div class="grid5">
Micha? ?azowik 13:021a34db0650 134 <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 135
Micha? ?azowik 13:021a34db0650 136 </div>
Micha? ?azowik 13:021a34db0650 137
Micha? ?azowik 13:021a34db0650 138 <div class="white_blend"></div>
Micha? ?azowik 13:021a34db0650 139
Micha? ?azowik 13:021a34db0650 140 </div>
Micha? ?azowik 13:021a34db0650 141
Micha? ?azowik 13:021a34db0650 142 <div class="section psample psample_row3" id="">
Micha? ?azowik 13:021a34db0650 143 <div class="grid5 firstcol">
Micha? ?azowik 13:021a34db0650 144 <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 145 </div>
Micha? ?azowik 13:021a34db0650 146 <div class="grid7">
Micha? ?azowik 13:021a34db0650 147 <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 148 </div>
Micha? ?azowik 13:021a34db0650 149
Micha? ?azowik 13:021a34db0650 150 <div class="white_blend"></div>
Micha? ?azowik 13:021a34db0650 151
Micha? ?azowik 13:021a34db0650 152 </div>
Micha? ?azowik 13:021a34db0650 153
Micha? ?azowik 13:021a34db0650 154 <div class="section psample psample_row4" id="">
Micha? ?azowik 13:021a34db0650 155 <div class="grid12 firstcol">
Micha? ?azowik 13:021a34db0650 156 <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 157 </div>
Micha? ?azowik 13:021a34db0650 158 <div class="white_blend"></div>
Micha? ?azowik 13:021a34db0650 159
Micha? ?azowik 13:021a34db0650 160 </div>
Micha? ?azowik 13:021a34db0650 161
Micha? ?azowik 13:021a34db0650 162
Micha? ?azowik 13:021a34db0650 163
Micha? ?azowik 13:021a34db0650 164 <div class="section psample psample_row1 fullreverse">
Micha? ?azowik 13:021a34db0650 165 <div class="grid2 firstcol">
Micha? ?azowik 13:021a34db0650 166 <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 167
Micha? ?azowik 13:021a34db0650 168 </div>
Micha? ?azowik 13:021a34db0650 169 <div class="grid3">
Micha? ?azowik 13:021a34db0650 170 <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 171
Micha? ?azowik 13:021a34db0650 172 </div>
Micha? ?azowik 13:021a34db0650 173 <div class="grid3">
Micha? ?azowik 13:021a34db0650 174 <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 175
Micha? ?azowik 13:021a34db0650 176 </div>
Micha? ?azowik 13:021a34db0650 177 <div class="grid4">
Micha? ?azowik 13:021a34db0650 178 <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 179
Micha? ?azowik 13:021a34db0650 180 </div>
Micha? ?azowik 13:021a34db0650 181 <div class="black_blend"></div>
Micha? ?azowik 13:021a34db0650 182
Micha? ?azowik 13:021a34db0650 183 </div>
Micha? ?azowik 13:021a34db0650 184
Micha? ?azowik 13:021a34db0650 185 <div class="section psample psample_row2 fullreverse">
Micha? ?azowik 13:021a34db0650 186 <div class="grid3 firstcol">
Micha? ?azowik 13:021a34db0650 187 <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 188
Micha? ?azowik 13:021a34db0650 189 </div>
Micha? ?azowik 13:021a34db0650 190 <div class="grid4">
Micha? ?azowik 13:021a34db0650 191 <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 192
Micha? ?azowik 13:021a34db0650 193 </div>
Micha? ?azowik 13:021a34db0650 194 <div class="grid5">
Micha? ?azowik 13:021a34db0650 195 <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 196
Micha? ?azowik 13:021a34db0650 197 </div>
Micha? ?azowik 13:021a34db0650 198 <div class="black_blend"></div>
Micha? ?azowik 13:021a34db0650 199
Micha? ?azowik 13:021a34db0650 200 </div>
Micha? ?azowik 13:021a34db0650 201
Micha? ?azowik 13:021a34db0650 202 <div class="section psample fullreverse psample_row3" id="">
Micha? ?azowik 13:021a34db0650 203 <div class="grid5 firstcol">
Micha? ?azowik 13:021a34db0650 204 <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 205 </div>
Micha? ?azowik 13:021a34db0650 206 <div class="grid7">
Micha? ?azowik 13:021a34db0650 207 <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 208 </div>
Micha? ?azowik 13:021a34db0650 209
Micha? ?azowik 13:021a34db0650 210 <div class="black_blend"></div>
Micha? ?azowik 13:021a34db0650 211
Micha? ?azowik 13:021a34db0650 212 </div>
Micha? ?azowik 13:021a34db0650 213
Micha? ?azowik 13:021a34db0650 214 <div class="section psample fullreverse psample_row4" id="" style="border-bottom: 20px #000 solid;">
Micha? ?azowik 13:021a34db0650 215 <div class="grid12 firstcol">
Micha? ?azowik 13:021a34db0650 216 <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 217 </div>
Micha? ?azowik 13:021a34db0650 218 <div class="black_blend"></div>
Micha? ?azowik 13:021a34db0650 219
Micha? ?azowik 13:021a34db0650 220 </div>
Micha? ?azowik 13:021a34db0650 221
Micha? ?azowik 13:021a34db0650 222
Micha? ?azowik 13:021a34db0650 223
Micha? ?azowik 13:021a34db0650 224
Micha? ?azowik 13:021a34db0650 225 </div>
Micha? ?azowik 13:021a34db0650 226
Micha? ?azowik 13:021a34db0650 227 <div id="layout">
Micha? ?azowik 13:021a34db0650 228
Micha? ?azowik 13:021a34db0650 229 <div class="section">
Micha? ?azowik 13:021a34db0650 230
Micha? ?azowik 13:021a34db0650 231 <div class="grid12 firstcol">
Micha? ?azowik 13:021a34db0650 232 <h1>Lorem Ipsum Dolor</h1>
Micha? ?azowik 13:021a34db0650 233 <h2>Etiam porta sem malesuada magna mollis euismod</h2>
Micha? ?azowik 13:021a34db0650 234
Micha? ?azowik 13:021a34db0650 235 <p class="byline">By <a href="#link">Aenean Lacinia</a></p>
Micha? ?azowik 13:021a34db0650 236 </div>
Micha? ?azowik 13:021a34db0650 237 </div>
Micha? ?azowik 13:021a34db0650 238 <div class="section">
Micha? ?azowik 13:021a34db0650 239 <div class="grid8 firstcol">
Micha? ?azowik 13:021a34db0650 240 <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 241
Micha? ?azowik 13:021a34db0650 242
Micha? ?azowik 13:021a34db0650 243 <h3>Pellentesque ornare sem</h3>
Micha? ?azowik 13:021a34db0650 244
Micha? ?azowik 13:021a34db0650 245 <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 246
Micha? ?azowik 13:021a34db0650 247 <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 248
Micha? ?azowik 13:021a34db0650 249 <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 250
Micha? ?azowik 13:021a34db0650 251 <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 252
Micha? ?azowik 13:021a34db0650 253 <h3>Cras mattis consectetur</h3>
Micha? ?azowik 13:021a34db0650 254
Micha? ?azowik 13:021a34db0650 255 <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 256
Micha? ?azowik 13:021a34db0650 257 <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 258 </div>
Micha? ?azowik 13:021a34db0650 259
Micha? ?azowik 13:021a34db0650 260 <div class="grid4 sidebar">
Micha? ?azowik 13:021a34db0650 261
Micha? ?azowik 13:021a34db0650 262 <div class="box reverse">
Micha? ?azowik 13:021a34db0650 263 <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 264 </div>
Micha? ?azowik 13:021a34db0650 265
Micha? ?azowik 13:021a34db0650 266 <p class="caption">Maecenas sed diam eget risus varius.</p>
Micha? ?azowik 13:021a34db0650 267
Micha? ?azowik 13:021a34db0650 268 <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 269
Micha? ?azowik 13:021a34db0650 270
Micha? ?azowik 13:021a34db0650 271
Micha? ?azowik 13:021a34db0650 272 <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 273
Micha? ?azowik 13:021a34db0650 274 <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 275
Micha? ?azowik 13:021a34db0650 276 </div>
Micha? ?azowik 13:021a34db0650 277 </div>
Micha? ?azowik 13:021a34db0650 278
Micha? ?azowik 13:021a34db0650 279 </div>
Micha? ?azowik 13:021a34db0650 280
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 <div id="glyphs">
Micha? ?azowik 13:021a34db0650 287 <div class="section">
Micha? ?azowik 13:021a34db0650 288 <div class="grid12 firstcol">
Micha? ?azowik 13:021a34db0650 289
Micha? ?azowik 13:021a34db0650 290 <h1>Language Support</h1>
Micha? ?azowik 13:021a34db0650 291 <p>The subset of Triplicate T4 Regular in this kit supports the following languages:<br />
Micha? ?azowik 13:021a34db0650 292
Micha? ?azowik 13:021a34db0650 293 English, Polish </p>
Micha? ?azowik 13:021a34db0650 294 <h1>Glyph Chart</h1>
Micha? ?azowik 13:021a34db0650 295 <p>The subset of Triplicate T4 Regular 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 296 <div id="glyph_chart">
Micha? ?azowik 13:021a34db0650 297
Micha? ?azowik 13:021a34db0650 298 <div><p>&amp;#32;</p>&#32;</div>
Micha? ?azowik 13:021a34db0650 299 <div><p>&amp;#33;</p>&#33;</div>
Micha? ?azowik 13:021a34db0650 300 <div><p>&amp;#34;</p>&#34;</div>
Micha? ?azowik 13:021a34db0650 301 <div><p>&amp;#35;</p>&#35;</div>
Micha? ?azowik 13:021a34db0650 302 <div><p>&amp;#36;</p>&#36;</div>
Micha? ?azowik 13:021a34db0650 303 <div><p>&amp;#37;</p>&#37;</div>
Micha? ?azowik 13:021a34db0650 304 <div><p>&amp;#38;</p>&#38;</div>
Micha? ?azowik 13:021a34db0650 305 <div><p>&amp;#39;</p>&#39;</div>
Micha? ?azowik 13:021a34db0650 306 <div><p>&amp;#40;</p>&#40;</div>
Micha? ?azowik 13:021a34db0650 307 <div><p>&amp;#41;</p>&#41;</div>
Micha? ?azowik 13:021a34db0650 308 <div><p>&amp;#42;</p>&#42;</div>
Micha? ?azowik 13:021a34db0650 309 <div><p>&amp;#43;</p>&#43;</div>
Micha? ?azowik 13:021a34db0650 310 <div><p>&amp;#44;</p>&#44;</div>
Micha? ?azowik 13:021a34db0650 311 <div><p>&amp;#45;</p>&#45;</div>
Micha? ?azowik 13:021a34db0650 312 <div><p>&amp;#46;</p>&#46;</div>
Micha? ?azowik 13:021a34db0650 313 <div><p>&amp;#47;</p>&#47;</div>
Micha? ?azowik 13:021a34db0650 314 <div><p>&amp;#48;</p>&#48;</div>
Micha? ?azowik 13:021a34db0650 315 <div><p>&amp;#49;</p>&#49;</div>
Micha? ?azowik 13:021a34db0650 316 <div><p>&amp;#50;</p>&#50;</div>
Micha? ?azowik 13:021a34db0650 317 <div><p>&amp;#51;</p>&#51;</div>
Micha? ?azowik 13:021a34db0650 318 <div><p>&amp;#52;</p>&#52;</div>
Micha? ?azowik 13:021a34db0650 319 <div><p>&amp;#53;</p>&#53;</div>
Micha? ?azowik 13:021a34db0650 320 <div><p>&amp;#54;</p>&#54;</div>
Micha? ?azowik 13:021a34db0650 321 <div><p>&amp;#55;</p>&#55;</div>
Micha? ?azowik 13:021a34db0650 322 <div><p>&amp;#56;</p>&#56;</div>
Micha? ?azowik 13:021a34db0650 323 <div><p>&amp;#57;</p>&#57;</div>
Micha? ?azowik 13:021a34db0650 324 <div><p>&amp;#58;</p>&#58;</div>
Micha? ?azowik 13:021a34db0650 325 <div><p>&amp;#59;</p>&#59;</div>
Micha? ?azowik 13:021a34db0650 326 <div><p>&amp;#60;</p>&#60;</div>
Micha? ?azowik 13:021a34db0650 327 <div><p>&amp;#61;</p>&#61;</div>
Micha? ?azowik 13:021a34db0650 328 <div><p>&amp;#62;</p>&#62;</div>
Micha? ?azowik 13:021a34db0650 329 <div><p>&amp;#63;</p>&#63;</div>
Micha? ?azowik 13:021a34db0650 330 <div><p>&amp;#64;</p>&#64;</div>
Micha? ?azowik 13:021a34db0650 331 <div><p>&amp;#65;</p>&#65;</div>
Micha? ?azowik 13:021a34db0650 332 <div><p>&amp;#66;</p>&#66;</div>
Micha? ?azowik 13:021a34db0650 333 <div><p>&amp;#67;</p>&#67;</div>
Micha? ?azowik 13:021a34db0650 334 <div><p>&amp;#68;</p>&#68;</div>
Micha? ?azowik 13:021a34db0650 335 <div><p>&amp;#69;</p>&#69;</div>
Micha? ?azowik 13:021a34db0650 336 <div><p>&amp;#70;</p>&#70;</div>
Micha? ?azowik 13:021a34db0650 337 <div><p>&amp;#71;</p>&#71;</div>
Micha? ?azowik 13:021a34db0650 338 <div><p>&amp;#72;</p>&#72;</div>
Micha? ?azowik 13:021a34db0650 339 <div><p>&amp;#73;</p>&#73;</div>
Micha? ?azowik 13:021a34db0650 340 <div><p>&amp;#74;</p>&#74;</div>
Micha? ?azowik 13:021a34db0650 341 <div><p>&amp;#75;</p>&#75;</div>
Micha? ?azowik 13:021a34db0650 342 <div><p>&amp;#76;</p>&#76;</div>
Micha? ?azowik 13:021a34db0650 343 <div><p>&amp;#77;</p>&#77;</div>
Micha? ?azowik 13:021a34db0650 344 <div><p>&amp;#78;</p>&#78;</div>
Micha? ?azowik 13:021a34db0650 345 <div><p>&amp;#79;</p>&#79;</div>
Micha? ?azowik 13:021a34db0650 346 <div><p>&amp;#80;</p>&#80;</div>
Micha? ?azowik 13:021a34db0650 347 <div><p>&amp;#81;</p>&#81;</div>
Micha? ?azowik 13:021a34db0650 348 <div><p>&amp;#82;</p>&#82;</div>
Micha? ?azowik 13:021a34db0650 349 <div><p>&amp;#83;</p>&#83;</div>
Micha? ?azowik 13:021a34db0650 350 <div><p>&amp;#84;</p>&#84;</div>
Micha? ?azowik 13:021a34db0650 351 <div><p>&amp;#85;</p>&#85;</div>
Micha? ?azowik 13:021a34db0650 352 <div><p>&amp;#86;</p>&#86;</div>
Micha? ?azowik 13:021a34db0650 353 <div><p>&amp;#87;</p>&#87;</div>
Micha? ?azowik 13:021a34db0650 354 <div><p>&amp;#88;</p>&#88;</div>
Micha? ?azowik 13:021a34db0650 355 <div><p>&amp;#89;</p>&#89;</div>
Micha? ?azowik 13:021a34db0650 356 <div><p>&amp;#90;</p>&#90;</div>
Micha? ?azowik 13:021a34db0650 357 <div><p>&amp;#91;</p>&#91;</div>
Micha? ?azowik 13:021a34db0650 358 <div><p>&amp;#92;</p>&#92;</div>
Micha? ?azowik 13:021a34db0650 359 <div><p>&amp;#93;</p>&#93;</div>
Micha? ?azowik 13:021a34db0650 360 <div><p>&amp;#94;</p>&#94;</div>
Micha? ?azowik 13:021a34db0650 361 <div><p>&amp;#95;</p>&#95;</div>
Micha? ?azowik 13:021a34db0650 362 <div><p>&amp;#96;</p>&#96;</div>
Micha? ?azowik 13:021a34db0650 363 <div><p>&amp;#97;</p>&#97;</div>
Micha? ?azowik 13:021a34db0650 364 <div><p>&amp;#98;</p>&#98;</div>
Micha? ?azowik 13:021a34db0650 365 <div><p>&amp;#99;</p>&#99;</div>
Micha? ?azowik 13:021a34db0650 366 <div><p>&amp;#100;</p>&#100;</div>
Micha? ?azowik 13:021a34db0650 367 <div><p>&amp;#101;</p>&#101;</div>
Micha? ?azowik 13:021a34db0650 368 <div><p>&amp;#102;</p>&#102;</div>
Micha? ?azowik 13:021a34db0650 369 <div><p>&amp;#103;</p>&#103;</div>
Micha? ?azowik 13:021a34db0650 370 <div><p>&amp;#104;</p>&#104;</div>
Micha? ?azowik 13:021a34db0650 371 <div><p>&amp;#105;</p>&#105;</div>
Micha? ?azowik 13:021a34db0650 372 <div><p>&amp;#106;</p>&#106;</div>
Micha? ?azowik 13:021a34db0650 373 <div><p>&amp;#107;</p>&#107;</div>
Micha? ?azowik 13:021a34db0650 374 <div><p>&amp;#108;</p>&#108;</div>
Micha? ?azowik 13:021a34db0650 375 <div><p>&amp;#109;</p>&#109;</div>
Micha? ?azowik 13:021a34db0650 376 <div><p>&amp;#110;</p>&#110;</div>
Micha? ?azowik 13:021a34db0650 377 <div><p>&amp;#111;</p>&#111;</div>
Micha? ?azowik 13:021a34db0650 378 <div><p>&amp;#112;</p>&#112;</div>
Micha? ?azowik 13:021a34db0650 379 <div><p>&amp;#113;</p>&#113;</div>
Micha? ?azowik 13:021a34db0650 380 <div><p>&amp;#114;</p>&#114;</div>
Micha? ?azowik 13:021a34db0650 381 <div><p>&amp;#115;</p>&#115;</div>
Micha? ?azowik 13:021a34db0650 382 <div><p>&amp;#116;</p>&#116;</div>
Micha? ?azowik 13:021a34db0650 383 <div><p>&amp;#117;</p>&#117;</div>
Micha? ?azowik 13:021a34db0650 384 <div><p>&amp;#118;</p>&#118;</div>
Micha? ?azowik 13:021a34db0650 385 <div><p>&amp;#119;</p>&#119;</div>
Micha? ?azowik 13:021a34db0650 386 <div><p>&amp;#120;</p>&#120;</div>
Micha? ?azowik 13:021a34db0650 387 <div><p>&amp;#121;</p>&#121;</div>
Micha? ?azowik 13:021a34db0650 388 <div><p>&amp;#122;</p>&#122;</div>
Micha? ?azowik 13:021a34db0650 389 <div><p>&amp;#123;</p>&#123;</div>
Micha? ?azowik 13:021a34db0650 390 <div><p>&amp;#124;</p>&#124;</div>
Micha? ?azowik 13:021a34db0650 391 <div><p>&amp;#125;</p>&#125;</div>
Micha? ?azowik 13:021a34db0650 392 <div><p>&amp;#126;</p>&#126;</div>
Micha? ?azowik 13:021a34db0650 393 <div><p>&amp;#160;</p>&#160;</div>
Micha? ?azowik 13:021a34db0650 394 <div><p>&amp;#162;</p>&#162;</div>
Micha? ?azowik 13:021a34db0650 395 <div><p>&amp;#163;</p>&#163;</div>
Micha? ?azowik 13:021a34db0650 396 <div><p>&amp;#165;</p>&#165;</div>
Micha? ?azowik 13:021a34db0650 397 <div><p>&amp;#168;</p>&#168;</div>
Micha? ?azowik 13:021a34db0650 398 <div><p>&amp;#169;</p>&#169;</div>
Micha? ?azowik 13:021a34db0650 399 <div><p>&amp;#170;</p>&#170;</div>
Micha? ?azowik 13:021a34db0650 400 <div><p>&amp;#171;</p>&#171;</div>
Micha? ?azowik 13:021a34db0650 401 <div><p>&amp;#172;</p>&#172;</div>
Micha? ?azowik 13:021a34db0650 402 <div><p>&amp;#173;</p>&#173;</div>
Micha? ?azowik 13:021a34db0650 403 <div><p>&amp;#174;</p>&#174;</div>
Micha? ?azowik 13:021a34db0650 404 <div><p>&amp;#177;</p>&#177;</div>
Micha? ?azowik 13:021a34db0650 405 <div><p>&amp;#178;</p>&#178;</div>
Micha? ?azowik 13:021a34db0650 406 <div><p>&amp;#179;</p>&#179;</div>
Micha? ?azowik 13:021a34db0650 407 <div><p>&amp;#180;</p>&#180;</div>
Micha? ?azowik 13:021a34db0650 408 <div><p>&amp;#181;</p>&#181;</div>
Micha? ?azowik 13:021a34db0650 409 <div><p>&amp;#184;</p>&#184;</div>
Micha? ?azowik 13:021a34db0650 410 <div><p>&amp;#185;</p>&#185;</div>
Micha? ?azowik 13:021a34db0650 411 <div><p>&amp;#186;</p>&#186;</div>
Micha? ?azowik 13:021a34db0650 412 <div><p>&amp;#187;</p>&#187;</div>
Micha? ?azowik 13:021a34db0650 413 <div><p>&amp;#188;</p>&#188;</div>
Micha? ?azowik 13:021a34db0650 414 <div><p>&amp;#189;</p>&#189;</div>
Micha? ?azowik 13:021a34db0650 415 <div><p>&amp;#190;</p>&#190;</div>
Micha? ?azowik 13:021a34db0650 416 <div><p>&amp;#211;</p>&#211;</div>
Micha? ?azowik 13:021a34db0650 417 <div><p>&amp;#243;</p>&#243;</div>
Micha? ?azowik 13:021a34db0650 418 <div><p>&amp;#247;</p>&#247;</div>
Micha? ?azowik 13:021a34db0650 419 <div><p>&amp;#260;</p>&#260;</div>
Micha? ?azowik 13:021a34db0650 420 <div><p>&amp;#261;</p>&#261;</div>
Micha? ?azowik 13:021a34db0650 421 <div><p>&amp;#262;</p>&#262;</div>
Micha? ?azowik 13:021a34db0650 422 <div><p>&amp;#263;</p>&#263;</div>
Micha? ?azowik 13:021a34db0650 423 <div><p>&amp;#280;</p>&#280;</div>
Micha? ?azowik 13:021a34db0650 424 <div><p>&amp;#281;</p>&#281;</div>
Micha? ?azowik 13:021a34db0650 425 <div><p>&amp;#321;</p>&#321;</div>
Micha? ?azowik 13:021a34db0650 426 <div><p>&amp;#322;</p>&#322;</div>
Micha? ?azowik 13:021a34db0650 427 <div><p>&amp;#323;</p>&#323;</div>
Micha? ?azowik 13:021a34db0650 428 <div><p>&amp;#324;</p>&#324;</div>
Micha? ?azowik 13:021a34db0650 429 <div><p>&amp;#346;</p>&#346;</div>
Micha? ?azowik 13:021a34db0650 430 <div><p>&amp;#347;</p>&#347;</div>
Micha? ?azowik 13:021a34db0650 431 <div><p>&amp;#377;</p>&#377;</div>
Micha? ?azowik 13:021a34db0650 432 <div><p>&amp;#378;</p>&#378;</div>
Micha? ?azowik 13:021a34db0650 433 <div><p>&amp;#379;</p>&#379;</div>
Micha? ?azowik 13:021a34db0650 434 <div><p>&amp;#380;</p>&#380;</div>
Micha? ?azowik 13:021a34db0650 435 <div><p>&amp;#710;</p>&#710;</div>
Micha? ?azowik 13:021a34db0650 436 <div><p>&amp;#730;</p>&#730;</div>
Micha? ?azowik 13:021a34db0650 437 <div><p>&amp;#732;</p>&#732;</div>
Micha? ?azowik 13:021a34db0650 438 <div><p>&amp;#960;</p>&#960;</div>
Micha? ?azowik 13:021a34db0650 439 <div><p>&amp;#8192;</p>&#8192;</div>
Micha? ?azowik 13:021a34db0650 440 <div><p>&amp;#8193;</p>&#8193;</div>
Micha? ?azowik 13:021a34db0650 441 <div><p>&amp;#8194;</p>&#8194;</div>
Micha? ?azowik 13:021a34db0650 442 <div><p>&amp;#8195;</p>&#8195;</div>
Micha? ?azowik 13:021a34db0650 443 <div><p>&amp;#8196;</p>&#8196;</div>
Micha? ?azowik 13:021a34db0650 444 <div><p>&amp;#8197;</p>&#8197;</div>
Micha? ?azowik 13:021a34db0650 445 <div><p>&amp;#8198;</p>&#8198;</div>
Micha? ?azowik 13:021a34db0650 446 <div><p>&amp;#8199;</p>&#8199;</div>
Micha? ?azowik 13:021a34db0650 447 <div><p>&amp;#8200;</p>&#8200;</div>
Micha? ?azowik 13:021a34db0650 448 <div><p>&amp;#8201;</p>&#8201;</div>
Micha? ?azowik 13:021a34db0650 449 <div><p>&amp;#8202;</p>&#8202;</div>
Micha? ?azowik 13:021a34db0650 450 <div><p>&amp;#8208;</p>&#8208;</div>
Micha? ?azowik 13:021a34db0650 451 <div><p>&amp;#8209;</p>&#8209;</div>
Micha? ?azowik 13:021a34db0650 452 <div><p>&amp;#8210;</p>&#8210;</div>
Micha? ?azowik 13:021a34db0650 453 <div><p>&amp;#8211;</p>&#8211;</div>
Micha? ?azowik 13:021a34db0650 454 <div><p>&amp;#8212;</p>&#8212;</div>
Micha? ?azowik 13:021a34db0650 455 <div><p>&amp;#8216;</p>&#8216;</div>
Micha? ?azowik 13:021a34db0650 456 <div><p>&amp;#8217;</p>&#8217;</div>
Micha? ?azowik 13:021a34db0650 457 <div><p>&amp;#8218;</p>&#8218;</div>
Micha? ?azowik 13:021a34db0650 458 <div><p>&amp;#8220;</p>&#8220;</div>
Micha? ?azowik 13:021a34db0650 459 <div><p>&amp;#8221;</p>&#8221;</div>
Micha? ?azowik 13:021a34db0650 460 <div><p>&amp;#8222;</p>&#8222;</div>
Micha? ?azowik 13:021a34db0650 461 <div><p>&amp;#8226;</p>&#8226;</div>
Micha? ?azowik 13:021a34db0650 462 <div><p>&amp;#8230;</p>&#8230;</div>
Micha? ?azowik 13:021a34db0650 463 <div><p>&amp;#8239;</p>&#8239;</div>
Micha? ?azowik 13:021a34db0650 464 <div><p>&amp;#8240;</p>&#8240;</div>
Micha? ?azowik 13:021a34db0650 465 <div><p>&amp;#8249;</p>&#8249;</div>
Micha? ?azowik 13:021a34db0650 466 <div><p>&amp;#8250;</p>&#8250;</div>
Micha? ?azowik 13:021a34db0650 467 <div><p>&amp;#8260;</p>&#8260;</div>
Micha? ?azowik 13:021a34db0650 468 <div><p>&amp;#8287;</p>&#8287;</div>
Micha? ?azowik 13:021a34db0650 469 <div><p>&amp;#8304;</p>&#8304;</div>
Micha? ?azowik 13:021a34db0650 470 <div><p>&amp;#8308;</p>&#8308;</div>
Micha? ?azowik 13:021a34db0650 471 <div><p>&amp;#8309;</p>&#8309;</div>
Micha? ?azowik 13:021a34db0650 472 <div><p>&amp;#8310;</p>&#8310;</div>
Micha? ?azowik 13:021a34db0650 473 <div><p>&amp;#8311;</p>&#8311;</div>
Micha? ?azowik 13:021a34db0650 474 <div><p>&amp;#8312;</p>&#8312;</div>
Micha? ?azowik 13:021a34db0650 475 <div><p>&amp;#8313;</p>&#8313;</div>
Micha? ?azowik 13:021a34db0650 476 <div><p>&amp;#8364;</p>&#8364;</div>
Micha? ?azowik 13:021a34db0650 477 <div><p>&amp;#8482;</p>&#8482;</div>
Micha? ?azowik 13:021a34db0650 478 <div><p>&amp;#8531;</p>&#8531;</div>
Micha? ?azowik 13:021a34db0650 479 <div><p>&amp;#8532;</p>&#8532;</div>
Micha? ?azowik 13:021a34db0650 480 <div><p>&amp;#8539;</p>&#8539;</div>
Micha? ?azowik 13:021a34db0650 481 <div><p>&amp;#8540;</p>&#8540;</div>
Micha? ?azowik 13:021a34db0650 482 <div><p>&amp;#8541;</p>&#8541;</div>
Micha? ?azowik 13:021a34db0650 483 <div><p>&amp;#8542;</p>&#8542;</div>
Micha? ?azowik 13:021a34db0650 484 <div><p>&amp;#8706;</p>&#8706;</div>
Micha? ?azowik 13:021a34db0650 485 <div><p>&amp;#8710;</p>&#8710;</div>
Micha? ?azowik 13:021a34db0650 486 <div><p>&amp;#8719;</p>&#8719;</div>
Micha? ?azowik 13:021a34db0650 487 <div><p>&amp;#8721;</p>&#8721;</div>
Micha? ?azowik 13:021a34db0650 488 <div><p>&amp;#8730;</p>&#8730;</div>
Micha? ?azowik 13:021a34db0650 489 <div><p>&amp;#8734;</p>&#8734;</div>
Micha? ?azowik 13:021a34db0650 490 <div><p>&amp;#8747;</p>&#8747;</div>
Micha? ?azowik 13:021a34db0650 491 <div><p>&amp;#8776;</p>&#8776;</div>
Micha? ?azowik 13:021a34db0650 492 <div><p>&amp;#8800;</p>&#8800;</div>
Micha? ?azowik 13:021a34db0650 493 <div><p>&amp;#8804;</p>&#8804;</div>
Micha? ?azowik 13:021a34db0650 494 <div><p>&amp;#8805;</p>&#8805;</div>
Micha? ?azowik 13:021a34db0650 495 <div><p>&amp;#9724;</p>&#9724;</div>
Micha? ?azowik 13:021a34db0650 496 </div>
Micha? ?azowik 13:021a34db0650 497 </div>
Micha? ?azowik 13:021a34db0650 498
Micha? ?azowik 13:021a34db0650 499
Micha? ?azowik 13:021a34db0650 500 </div>
Micha? ?azowik 13:021a34db0650 501 </div>
Micha? ?azowik 13:021a34db0650 502
Micha? ?azowik 13:021a34db0650 503
Micha? ?azowik 13:021a34db0650 504 <div id="specs">
Micha? ?azowik 13:021a34db0650 505
Micha? ?azowik 13:021a34db0650 506 </div>
Micha? ?azowik 13:021a34db0650 507
Micha? ?azowik 13:021a34db0650 508 <div id="installing">
Micha? ?azowik 13:021a34db0650 509 <div class="section">
Micha? ?azowik 13:021a34db0650 510 <div class="grid7 firstcol">
Micha? ?azowik 13:021a34db0650 511 <h1>Installing Webfonts</h1>
Micha? ?azowik 13:021a34db0650 512
Micha? ?azowik 13:021a34db0650 513 <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 514
Micha? ?azowik 13:021a34db0650 515 <h2>1. Upload your webfonts</h2>
Micha? ?azowik 13:021a34db0650 516 <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 517
Micha? ?azowik 13:021a34db0650 518 <h2>2. Include the webfont stylesheet</h2>
Micha? ?azowik 13:021a34db0650 519 <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 520
Micha? ?azowik 13:021a34db0650 521
Micha? ?azowik 13:021a34db0650 522 <code>
Micha? ?azowik 13:021a34db0650 523 @font-face{
Micha? ?azowik 13:021a34db0650 524 font-family: 'MyWebFont';
Micha? ?azowik 13:021a34db0650 525 src: url('WebFont.eot');
Micha? ?azowik 13:021a34db0650 526 src: url('WebFont.eot?#iefix') format('embedded-opentype'),
Micha? ?azowik 13:021a34db0650 527 url('WebFont.woff') format('woff'),
Micha? ?azowik 13:021a34db0650 528 url('WebFont.ttf') format('truetype'),
Micha? ?azowik 13:021a34db0650 529 url('WebFont.svg#webfont') format('svg');
Micha? ?azowik 13:021a34db0650 530 }
Micha? ?azowik 13:021a34db0650 531 </code>
Micha? ?azowik 13:021a34db0650 532
Micha? ?azowik 13:021a34db0650 533 <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 534 <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 535
Micha? ?azowik 13:021a34db0650 536 <h2>3. Modify your own stylesheet</h2>
Micha? ?azowik 13:021a34db0650 537 <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 538 <code>p { font-family: 'WebFont', Arial, sans-serif; }</code>
Micha? ?azowik 13:021a34db0650 539
Micha? ?azowik 13:021a34db0650 540 <h2>4. Test</h2>
Micha? ?azowik 13:021a34db0650 541 <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 542 </div>
Micha? ?azowik 13:021a34db0650 543
Micha? ?azowik 13:021a34db0650 544 <div class="grid5 sidebar">
Micha? ?azowik 13:021a34db0650 545 <div class="box">
Micha? ?azowik 13:021a34db0650 546 <h2>Troubleshooting<br />Font-Face Problems</h2>
Micha? ?azowik 13:021a34db0650 547 <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 548
Micha? ?azowik 13:021a34db0650 549 <h3>Fonts not showing in any browser</h3>
Micha? ?azowik 13:021a34db0650 550
Micha? ?azowik 13:021a34db0650 551 <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 552
Micha? ?azowik 13:021a34db0650 553 <h3>Fonts not loading in iPhone or iPad</h3>
Micha? ?azowik 13:021a34db0650 554
Micha? ?azowik 13:021a34db0650 555 <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 556
Micha? ?azowik 13:021a34db0650 557 <h3>Fonts not loading in Firefox</h3>
Micha? ?azowik 13:021a34db0650 558
Micha? ?azowik 13:021a34db0650 559 <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 560
Micha? ?azowik 13:021a34db0650 561 <h3>Fonts not loading in IE</h3>
Micha? ?azowik 13:021a34db0650 562
Micha? ?azowik 13:021a34db0650 563 <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 564
Micha? ?azowik 13:021a34db0650 565 <h3>Fonts not loading in IE9</h3>
Micha? ?azowik 13:021a34db0650 566
Micha? ?azowik 13:021a34db0650 567 <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 568 </div>
Micha? ?azowik 13:021a34db0650 569 </div>
Micha? ?azowik 13:021a34db0650 570 </div>
Micha? ?azowik 13:021a34db0650 571
Micha? ?azowik 13:021a34db0650 572 </div>
Micha? ?azowik 13:021a34db0650 573
Micha? ?azowik 13:021a34db0650 574 </div>
Micha? ?azowik 13:021a34db0650 575 <div id="footer">
Micha? ?azowik 13:021a34db0650 576 <p>&copy;2010-2011 Font Squirrel. All rights reserved.</p>
Micha? ?azowik 13:021a34db0650 577 </div>
Micha? ?azowik 13:021a34db0650 578 </div>
Micha? ?azowik 13:021a34db0650 579 </body>
Micha? ?azowik 13:021a34db0650 580 </html>