You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
171 lines
13 KiB
HTML
171 lines
13 KiB
HTML
<html>
|
|
|
|
<head>
|
|
<title> C64 Pro Mono: WOFF2 (Web Open Font Format 2.0) test </title>
|
|
<style type="text/css">
|
|
@font-face{font-family:"C64 Pro Mono Local";src:url(../fonts/C64_Pro_Mono-STYLE.woff2) format("woff2")}@font-face{font-family:"C64 Pro Local";src:url(../fonts/C64_Pro-STYLE.woff2) format("woff2")}.c64pm{font:normal 24pt/32px "C64 Pro Mono Local",verdana,helvetica,sans-serif;letter-spacing:0;padding:0;margin:0}.c64p{font:normal 24pt/32px "C64 Pro Local",verdana,helvetica,sans-serif;letter-spacing:0;padding:0;margin:0}.px8{font-size:6pt;line-height:8px}.px16{font-size:12pt;line-height:16px}.px24{font-size:18pt;line-height:24px}.px32{font-size:24pt;line-height:32px}.px40{font-size:30pt;line-height:40px}table,tr,td{padding:0;margin:0}thead,tbody,tr,td{background-color:inherit}td{font:inherit;border-right:2px solid #888;border-bottom:2px solid #888}td:first-child{border-left:2px solid #888}tr:first-child td{border-top:2px solid #888}td:hover{background-color:#000!important;color:#fff!important}table{border-top:4px solid #000;border-left:4px solid #000;border-right:4px solid #000;border-bottom:4px solid #000}.d020-00{background-color:#000}.d021-00{color:#000}.d020-06{background-color:#352879}.d021-06{color:#352879}.d020-0e{background-color:#6C5EB5}.d021-0e{color:#6C5EB5}
|
|
</style>
|
|
</head>
|
|
|
|
|
|
<body>
|
|
<div>
|
|
|
|
<div class="c64p px16">
|
|
See: <a href="http://caniuse.com/#feat=woff2">http://caniuse.com/#feat=woff2</a>
|
|
<p>If you do not see the font, you may be using a browser that disallows local font loading due to CORS (probably Firefox or IE).</p>
|
|
</div>
|
|
|
|
<br/>
|
|
<br/>
|
|
|
|
<div style="float: left; margin-right: 8px; margin-bottom:16px;">
|
|
<span class="c64pm px16">“C64 Pro Mono/Style”</span><br/>
|
|
<span class="c64pm px16"> upper/graphics</span>
|
|
|
|
<table cellspacing="0" cellpadding="0" class="c64pm px32 d020-06 d021-0e" style="margin-top: 4px;">
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div style="float: left; margin-right: 8px;">
|
|
<span class="c64pm px16">“C64 Pro Mono/Style”</span><br/>
|
|
<span class="c64pm px16"> lower/upper</span>
|
|
|
|
<table cellspacing="0" cellpadding="0" class="c64pm px32 d020-06 d021-0e" style="margin-top: 4px;">
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
<td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|