adding patterns notebooks and web-to-print (both wip)

master
manetta 2 years ago
parent e2a4cc31bc
commit 2fc85c67f9

@ -0,0 +1,129 @@
± ° ° ±
Û° ÛÛ± ²ÛÛ °Û
ÛÛ ÛÛÛÛ²± ±²ÛÛÛÛ ÛÛ
ÛÛÛ ÛÛÛÛÛÛÛ² ²ÛÛÛÛÛÛÛ ÛÛÛ
ÛÛÛ² ÛÛÛÛÛÛÛÛÛ²± ±²ÛÛÛÛÛÛÛÛÛ ²ÛÛÛ
ÛÛÛÛ± ÛÛÛÛÛÛÛÛÛÛÛÛ² ²ÛÛÛÛÛÛÛÛÛÛÛÛ ²ÛÛÛÛ
ÛÛÛÛÛ± ÛÛÛÛÛÛÛÛÛÛÛÛÛÛ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛ ±ÛÛÛÛÛ
ÛÛÛÛÛÛ° ÛÛÛÛÛÛÛÛÛÛÛÛ² ²ÛÛÛÛÛÛÛÛÛÛÛÛ °ÛÛÛÛÛÛ
ÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛÛ²± ±²ÛÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛ²² ²²ÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛ ÛÛÛÛ±° °±ÛÛÛÛ ÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛ² ÛÛ± ²ÛÛ ²ÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛ± ° ÜÛÜ ° ±ÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛ° ÛÛÛÛÛ °ÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛ ßÛß ÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ² ÜÛÜ ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ± ÛÛÛÛÛ ±ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ± ßÛß ±ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ° °ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ² ÜÛÜ ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ² ÛÛÛÛÛ ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ± ßÛß ±ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ° °ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ² ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ² ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ²ÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛÛ
ÛÛÛ° ÛÛÛÛÛÛÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛÛÛÛÛ°
ÛÛÛ° ÛÛÛÛÛÛÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛÛÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛ² ²ÛÛ° ÛÛÛ° ÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛÛ ÛÛÛ° ÛÛÛ° ÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛÛÛÛ° ÛÛÛ° ÛÛÛÛÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛÛÛÛ° ÛÛÛ° ÛÛÛÛÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛ°
ÛÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛÛÛÛÛ° ÛÛÛÛÛÛÛ°
ÛÛÛ° ÛÛÛ° ÛÛÛ° ÛÛÛÛÛÛÛ° ÛÛÛÛÛÛÛ°
ß ßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßß ß
title: C64 TrueType v1.2.1 type: fonts
date: April 15, 2019 platform: Any OS/web
Ü ÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜ Ü
>> What the hell is it?
Our C64 TrueType fonts provide monospace and
variable pitch versions of the legendary C64
character set. For programmers, each font contains
Unicode mappings to accomodate either a direct
PETSCII mapping or a screencode mapping. For users,
the fonts map to some obvious code points (like the
Unicode box drawing range) and should also support
easy mapping from applicable code points in cp437
and cp1252. Our goal is to provide all 304 necessary
glyphs in the C64 character set in as small a file
as possible while still being programmer-friendly.
Finally, six additional glyphs are included to round
out the US-ASCII table with \, ^, `, {, }, and ~ for
the sake of providing a usable PETSCII experience
in code editors/IDEs.
This update corrects some bounding box issues as
reported in the updated Microsoft Font Validator,
left side bearing on one glyph, and updates some
PS names.
This update also adds a 'proper' OpenType format
(.otf) with CFF outlines. All files should be
smaller than the previous release. SVG format
has been dropped.
"C64 Pro Mono" is the fixed pitch while "C64 Pro"
is a variable pitch (propertional) version. In the
legacy folder you can also find "C64 Elite Mono"
which was used in DirMaster v2.x - we don't
recommend using it for anything else other than
if you need it for running an older version of
DirMaster. The "C64 Pro Mono" in this release is
the same as what ships with DirMaster v3.1.2 but
will work with any older 3.x version of DirMaster.
>> What does the future hold?
The Unicode Consortium (or acolytes thereof)
recently tackled the issue of missing legacy
computing character sets. The first attempt
has omitted several of the C64's vertical and
horizontal 'quarter-bar' characters. Pending
the final outcome we'll add whatever new
mappings that are relevant to the C64 when
the next Unicode update drops.
>> Previous releases:
v1.0 - Oct 1, 2010
v1.2 - Sep 2, 2014
>> For more information:
http://style64.org/c64-truetype
http://style64.org/c64-truetype/license
http://style64.org/petscii
ß ßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßß ß
Keep scene spirit alive!
Ü ÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜ Ü

@ -0,0 +1,16 @@
ß ßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßßß ß
C64 TrueType v1.2.1/Style
Ü ÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜ Ü
² Û² ²Û ² ßßßßßßßßßßßßßßß
Û± ÛÛÛÜ°ÜÛÛÛ ±Û release type:
ÛÛ° ÛÛÛß°ßÛÛÛ °ÛÛ þ fonts
ÛÛÛ Û² ²Û ÛÛÛ
ÛÛÛ² Û ²ÛÛÛ for platform:
ÛÛÛÛ± ±ÛÛÛÛ þ Any OS/web
ÛÛÛÛÛ° Û °ÛÛÛÛÛ
ÛÛÛÛÛÛ ÛÛÛÛÛÛ released on:
ÛÛÛÛÛÛÛ Û ÛÛÛÛÛÛÛ þ 2019-04-15
ÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛ ÜÜÜÜÜÜÜÜÜÜÜÜÜÜÜ
ÛÛÛÛÛÛÛÛÛ ÛÛÛÛÛÛÛÛÛ úúú[01/01]úúú

@ -0,0 +1,8 @@
Fonts in this package are (c) 2010-2019 Style.
This license is applicable to each font file included in this package in all their variants (ttf, otf, eot, woff, woff2, svg).
You MAY NOT: sell this font; include/redistribute the font in any font collection regardless of pricing; provide the font for direct download from any web site, modify or rename the font. You MAY: link to "http://style64.org/c64-truetype" in order for others to download and install the font; embed the font (without any modification or file renaming) for display on any web site using @font-face rules; use this font in static images and vector art; include this font (without any modification or file renaming) as part of a software package but ONLY if said software package is freely provided to end users. You may also contact us to negotiate a (possibly commercial) license for your use outside of these guidelines at "http://style64.org/contact-style".
At all times the most recent version of this license can be found at "http://style64.org/c64-truetype/license".

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

@ -0,0 +1,170 @@
<html>
<head>
<title> C64 Pro Mono: EOT (Embedded OpenType) test </title>
<style type="text/css">
@font-face{font-family:"C64 Pro Mono Local";src:url(../fonts/C64_Pro_Mono-STYLE.eot);src:url(../fonts/C64_Pro_Mono-STYLE.eot?#iefix) format('embedded-opentype')}@font-face{font-family:"C64 Pro Local";src:url(../fonts/C64_Pro-STYLE.eot);src:url(../fonts/C64_Pro-STYLE.eot?#iefix) format('embedded-opentype')}.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,td,tr{padding:0;margin:0}tbody,td,thead,tr{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=eot">http://caniuse.com/#feat=eot</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">&ldquo;C64 Pro Mono/Style&rdquo;</span><br/>
<span class="c64pm px16">&nbsp;&nbsp;&nbsp;upper/graphics</span>
<table cellspacing="0" cellpadding="0" class="c64pm px32 d020-06 d021-0e" style="margin-top: 4px;">
<tr>
<td>&#x0ee00;</td> <td>&#x0ee01;</td> <td>&#x0ee02;</td> <td>&#x0ee03;</td> <td>&#x0ee04;</td> <td>&#x0ee05;</td> <td>&#x0ee06;</td> <td>&#x0ee07;</td>
<td>&#x0ee08;</td> <td>&#x0ee09;</td> <td>&#x0ee0a;</td> <td>&#x0ee0b;</td> <td>&#x0ee0c;</td> <td>&#x0ee0d;</td> <td>&#x0ee0e;</td> <td>&#x0ee0f;</td>
</tr>
<tr>
<td>&#x0ee10;</td> <td>&#x0ee11;</td> <td>&#x0ee12;</td> <td>&#x0ee13;</td> <td>&#x0ee14;</td> <td>&#x0ee15;</td> <td>&#x0ee16;</td> <td>&#x0ee17;</td>
<td>&#x0ee18;</td> <td>&#x0ee19;</td> <td>&#x0ee1a;</td> <td>&#x0ee1b;</td> <td>&#x0ee1c;</td> <td>&#x0ee1d;</td> <td>&#x0ee1e;</td> <td>&#x0ee1f;</td>
</tr>
<tr>
<td>&#x0ee20;</td> <td>&#x0ee21;</td> <td>&#x0ee22;</td> <td>&#x0ee23;</td> <td>&#x0ee24;</td> <td>&#x0ee25;</td> <td>&#x0ee26;</td> <td>&#x0ee27;</td>
<td>&#x0ee28;</td> <td>&#x0ee29;</td> <td>&#x0ee2a;</td> <td>&#x0ee2b;</td> <td>&#x0ee2c;</td> <td>&#x0ee2d;</td> <td>&#x0ee2e;</td> <td>&#x0ee2f;</td>
</tr>
<tr>
<td>&#x0ee30;</td> <td>&#x0ee31;</td> <td>&#x0ee32;</td> <td>&#x0ee33;</td> <td>&#x0ee34;</td> <td>&#x0ee35;</td> <td>&#x0ee36;</td> <td>&#x0ee37;</td>
<td>&#x0ee38;</td> <td>&#x0ee39;</td> <td>&#x0ee3a;</td> <td>&#x0ee3b;</td> <td>&#x0ee3c;</td> <td>&#x0ee3d;</td> <td>&#x0ee3e;</td> <td>&#x0ee3f;</td>
</tr>
<tr>
<td>&#x0ee40;</td> <td>&#x0ee41;</td> <td>&#x0ee42;</td> <td>&#x0ee43;</td> <td>&#x0ee44;</td> <td>&#x0ee45;</td> <td>&#x0ee46;</td> <td>&#x0ee47;</td>
<td>&#x0ee48;</td> <td>&#x0ee49;</td> <td>&#x0ee4a;</td> <td>&#x0ee4b;</td> <td>&#x0ee4c;</td> <td>&#x0ee4d;</td> <td>&#x0ee4e;</td> <td>&#x0ee4f;</td>
</tr>
<tr>
<td>&#x0ee50;</td> <td>&#x0ee51;</td> <td>&#x0ee52;</td> <td>&#x0ee53;</td> <td>&#x0ee54;</td> <td>&#x0ee55;</td> <td>&#x0ee56;</td> <td>&#x0ee57;</td>
<td>&#x0ee58;</td> <td>&#x0ee59;</td> <td>&#x0ee5a;</td> <td>&#x0ee5b;</td> <td>&#x0ee5c;</td> <td>&#x0ee5d;</td> <td>&#x0ee5e;</td> <td>&#x0ee5f;</td>
</tr>
<tr>
<td>&#x0ee60;</td> <td>&#x0ee61;</td> <td>&#x0ee62;</td> <td>&#x0ee63;</td> <td>&#x0ee64;</td> <td>&#x0ee65;</td> <td>&#x0ee66;</td> <td>&#x0ee67;</td>
<td>&#x0ee68;</td> <td>&#x0ee69;</td> <td>&#x0ee6a;</td> <td>&#x0ee6b;</td> <td>&#x0ee6c;</td> <td>&#x0ee6d;</td> <td>&#x0ee6e;</td> <td>&#x0ee6f;</td>
</tr>
<tr>
<td>&#x0ee70;</td> <td>&#x0ee71;</td> <td>&#x0ee72;</td> <td>&#x0ee73;</td> <td>&#x0ee74;</td> <td>&#x0ee75;</td> <td>&#x0ee76;</td> <td>&#x0ee77;</td>
<td>&#x0ee78;</td> <td>&#x0ee79;</td> <td>&#x0ee7a;</td> <td>&#x0ee7b;</td> <td>&#x0ee7c;</td> <td>&#x0ee7d;</td> <td>&#x0ee7e;</td> <td>&#x0ee7f;</td>
</tr>
<tr>
<td>&#x0ee80;</td> <td>&#x0ee81;</td> <td>&#x0ee82;</td> <td>&#x0ee83;</td> <td>&#x0ee84;</td> <td>&#x0ee85;</td> <td>&#x0ee86;</td> <td>&#x0ee87;</td>
<td>&#x0ee88;</td> <td>&#x0ee89;</td> <td>&#x0ee8a;</td> <td>&#x0ee8b;</td> <td>&#x0ee8c;</td> <td>&#x0ee8d;</td> <td>&#x0ee8e;</td> <td>&#x0ee8f;</td>
</tr>
<tr>
<td>&#x0ee90;</td> <td>&#x0ee91;</td> <td>&#x0ee92;</td> <td>&#x0ee93;</td> <td>&#x0ee94;</td> <td>&#x0ee95;</td> <td>&#x0ee96;</td> <td>&#x0ee97;</td>
<td>&#x0ee98;</td> <td>&#x0ee99;</td> <td>&#x0ee9a;</td> <td>&#x0ee9b;</td> <td>&#x0ee9c;</td> <td>&#x0ee9d;</td> <td>&#x0ee9e;</td> <td>&#x0ee9f;</td>
</tr>
<tr>
<td>&#x0eea0;</td> <td>&#x0eea1;</td> <td>&#x0eea2;</td> <td>&#x0eea3;</td> <td>&#x0eea4;</td> <td>&#x0eea5;</td> <td>&#x0eea6;</td> <td>&#x0eea7;</td>
<td>&#x0eea8;</td> <td>&#x0eea9;</td> <td>&#x0eeaa;</td> <td>&#x0eeab;</td> <td>&#x0eeac;</td> <td>&#x0eead;</td> <td>&#x0eeae;</td> <td>&#x0eeaf;</td>
</tr>
<tr>
<td>&#x0eeb0;</td> <td>&#x0eeb1;</td> <td>&#x0eeb2;</td> <td>&#x0eeb3;</td> <td>&#x0eeb4;</td> <td>&#x0eeb5;</td> <td>&#x0eeb6;</td> <td>&#x0eeb7;</td>
<td>&#x0eeb8;</td> <td>&#x0eeb9;</td> <td>&#x0eeba;</td> <td>&#x0eebb;</td> <td>&#x0eebc;</td> <td>&#x0eebd;</td> <td>&#x0eebe;</td> <td>&#x0eebf;</td>
</tr>
<tr>
<td>&#x0eec0;</td> <td>&#x0eec1;</td> <td>&#x0eec2;</td> <td>&#x0eec3;</td> <td>&#x0eec4;</td> <td>&#x0eec5;</td> <td>&#x0eec6;</td> <td>&#x0eec7;</td>
<td>&#x0eec8;</td> <td>&#x0eec9;</td> <td>&#x0eeca;</td> <td>&#x0eecb;</td> <td>&#x0eecc;</td> <td>&#x0eecd;</td> <td>&#x0eece;</td> <td>&#x0eecf;</td>
</tr>
<tr>
<td>&#x0eed0;</td> <td>&#x0eed1;</td> <td>&#x0eed2;</td> <td>&#x0eed3;</td> <td>&#x0eed4;</td> <td>&#x0eed5;</td> <td>&#x0eed6;</td> <td>&#x0eed7;</td>
<td>&#x0eed8;</td> <td>&#x0eed9;</td> <td>&#x0eeda;</td> <td>&#x0eedb;</td> <td>&#x0eedc;</td> <td>&#x0eedd;</td> <td>&#x0eede;</td> <td>&#x0eedf;</td>
</tr>
<tr>
<td>&#x0eee0;</td> <td>&#x0eee1;</td> <td>&#x0eee2;</td> <td>&#x0eee3;</td> <td>&#x0eee4;</td> <td>&#x0eee5;</td> <td>&#x0eee6;</td> <td>&#x0eee7;</td>
<td>&#x0eee8;</td> <td>&#x0eee9;</td> <td>&#x0eeea;</td> <td>&#x0eeeb;</td> <td>&#x0eeec;</td> <td>&#x0eeed;</td> <td>&#x0eeee;</td> <td>&#x0eeef;</td>
</tr>
<tr>
<td>&#x0eef0;</td> <td>&#x0eef1;</td> <td>&#x0eef2;</td> <td>&#x0eef3;</td> <td>&#x0eef4;</td> <td>&#x0eef5;</td> <td>&#x0eef6;</td> <td>&#x0eef7;</td>
<td>&#x0eef8;</td> <td>&#x0eef9;</td> <td>&#x0eefa;</td> <td>&#x0eefb;</td> <td>&#x0eefc;</td> <td>&#x0eefd;</td> <td>&#x0eefe;</td> <td>&#x0eeff;</td>
</tr>
</table>
</div>
<div style="float: left; margin-right: 8px;">
<span class="c64pm px16">&ldquo;C64 Pro Mono/Style&rdquo;</span><br/>
<span class="c64pm px16">&nbsp;&nbsp;&nbsp;lower/upper</span>
<table cellspacing="0" cellpadding="0" class="c64pm px32 d020-06 d021-0e" style="margin-top: 4px;">
<tr>
<td>&#x0ef00;</td> <td>&#x0ef01;</td> <td>&#x0ef02;</td> <td>&#x0ef03;</td> <td>&#x0ef04;</td> <td>&#x0ef05;</td> <td>&#x0ef06;</td> <td>&#x0ef07;</td>
<td>&#x0ef08;</td> <td>&#x0ef09;</td> <td>&#x0ef0a;</td> <td>&#x0ef0b;</td> <td>&#x0ef0c;</td> <td>&#x0ef0d;</td> <td>&#x0ef0e;</td> <td>&#x0ef0f;</td>
</tr>
<tr>
<td>&#x0ef10;</td> <td>&#x0ef11;</td> <td>&#x0ef12;</td> <td>&#x0ef13;</td> <td>&#x0ef14;</td> <td>&#x0ef15;</td> <td>&#x0ef16;</td> <td>&#x0ef17;</td>
<td>&#x0ef18;</td> <td>&#x0ef19;</td> <td>&#x0ef1a;</td> <td>&#x0ef1b;</td> <td>&#x0ef1c;</td> <td>&#x0ef1d;</td> <td>&#x0ef1e;</td> <td>&#x0ef1f;</td>
</tr>
<tr>
<td>&#x0ef20;</td> <td>&#x0ef21;</td> <td>&#x0ef22;</td> <td>&#x0ef23;</td> <td>&#x0ef24;</td> <td>&#x0ef25;</td> <td>&#x0ef26;</td> <td>&#x0ef27;</td>
<td>&#x0ef28;</td> <td>&#x0ef29;</td> <td>&#x0ef2a;</td> <td>&#x0ef2b;</td> <td>&#x0ef2c;</td> <td>&#x0ef2d;</td> <td>&#x0ef2e;</td> <td>&#x0ef2f;</td>
</tr>
<tr>
<td>&#x0ef30;</td> <td>&#x0ef31;</td> <td>&#x0ef32;</td> <td>&#x0ef33;</td> <td>&#x0ef34;</td> <td>&#x0ef35;</td> <td>&#x0ef36;</td> <td>&#x0ef37;</td>
<td>&#x0ef38;</td> <td>&#x0ef39;</td> <td>&#x0ef3a;</td> <td>&#x0ef3b;</td> <td>&#x0ef3c;</td> <td>&#x0ef3d;</td> <td>&#x0ef3e;</td> <td>&#x0ef3f;</td>
</tr>
<tr>
<td>&#x0ef40;</td> <td>&#x0ef41;</td> <td>&#x0ef42;</td> <td>&#x0ef43;</td> <td>&#x0ef44;</td> <td>&#x0ef45;</td> <td>&#x0ef46;</td> <td>&#x0ef47;</td>
<td>&#x0ef48;</td> <td>&#x0ef49;</td> <td>&#x0ef4a;</td> <td>&#x0ef4b;</td> <td>&#x0ef4c;</td> <td>&#x0ef4d;</td> <td>&#x0ef4e;</td> <td>&#x0ef4f;</td>
</tr>
<tr>
<td>&#x0ef50;</td> <td>&#x0ef51;</td> <td>&#x0ef52;</td> <td>&#x0ef53;</td> <td>&#x0ef54;</td> <td>&#x0ef55;</td> <td>&#x0ef56;</td> <td>&#x0ef57;</td>
<td>&#x0ef58;</td> <td>&#x0ef59;</td> <td>&#x0ef5a;</td> <td>&#x0ef5b;</td> <td>&#x0ef5c;</td> <td>&#x0ef5d;</td> <td>&#x0ef5e;</td> <td>&#x0ef5f;</td>
</tr>
<tr>
<td>&#x0ef60;</td> <td>&#x0ef61;</td> <td>&#x0ef62;</td> <td>&#x0ef63;</td> <td>&#x0ef64;</td> <td>&#x0ef65;</td> <td>&#x0ef66;</td> <td>&#x0ef67;</td>
<td>&#x0ef68;</td> <td>&#x0ef69;</td> <td>&#x0ef6a;</td> <td>&#x0ef6b;</td> <td>&#x0ef6c;</td> <td>&#x0ef6d;</td> <td>&#x0ef6e;</td> <td>&#x0ef6f;</td>
</tr>
<tr>
<td>&#x0ef70;</td> <td>&#x0ef71;</td> <td>&#x0ef72;</td> <td>&#x0ef73;</td> <td>&#x0ef74;</td> <td>&#x0ef75;</td> <td>&#x0ef76;</td> <td>&#x0ef77;</td>
<td>&#x0ef78;</td> <td>&#x0ef79;</td> <td>&#x0ef7a;</td> <td>&#x0ef7b;</td> <td>&#x0ef7c;</td> <td>&#x0ef7d;</td> <td>&#x0ef7e;</td> <td>&#x0ef7f;</td>
</tr>
<tr>
<td>&#x0ef80;</td> <td>&#x0ef81;</td> <td>&#x0ef82;</td> <td>&#x0ef83;</td> <td>&#x0ef84;</td> <td>&#x0ef85;</td> <td>&#x0ef86;</td> <td>&#x0ef87;</td>
<td>&#x0ef88;</td> <td>&#x0ef89;</td> <td>&#x0ef8a;</td> <td>&#x0ef8b;</td> <td>&#x0ef8c;</td> <td>&#x0ef8d;</td> <td>&#x0ef8e;</td> <td>&#x0ef8f;</td>
</tr>
<tr>
<td>&#x0ef90;</td> <td>&#x0ef91;</td> <td>&#x0ef92;</td> <td>&#x0ef93;</td> <td>&#x0ef94;</td> <td>&#x0ef95;</td> <td>&#x0ef96;</td> <td>&#x0ef97;</td>
<td>&#x0ef98;</td> <td>&#x0ef99;</td> <td>&#x0ef9a;</td> <td>&#x0ef9b;</td> <td>&#x0ef9c;</td> <td>&#x0ef9d;</td> <td>&#x0ef9e;</td> <td>&#x0ef9f;</td>
</tr>
<tr>
<td>&#x0efa0;</td> <td>&#x0efa1;</td> <td>&#x0efa2;</td> <td>&#x0efa3;</td> <td>&#x0efa4;</td> <td>&#x0efa5;</td> <td>&#x0efa6;</td> <td>&#x0efa7;</td>
<td>&#x0efa8;</td> <td>&#x0efa9;</td> <td>&#x0efaa;</td> <td>&#x0efab;</td> <td>&#x0efac;</td> <td>&#x0efad;</td> <td>&#x0efae;</td> <td>&#x0efaf;</td>
</tr>
<tr>
<td>&#x0efb0;</td> <td>&#x0efb1;</td> <td>&#x0efb2;</td> <td>&#x0efb3;</td> <td>&#x0efb4;</td> <td>&#x0efb5;</td> <td>&#x0efb6;</td> <td>&#x0efb7;</td>
<td>&#x0efb8;</td> <td>&#x0efb9;</td> <td>&#x0efba;</td> <td>&#x0efbb;</td> <td>&#x0efbc;</td> <td>&#x0efbd;</td> <td>&#x0efbe;</td> <td>&#x0efbf;</td>
</tr>
<tr>
<td>&#x0efc0;</td> <td>&#x0efc1;</td> <td>&#x0efc2;</td> <td>&#x0efc3;</td> <td>&#x0efc4;</td> <td>&#x0efc5;</td> <td>&#x0efc6;</td> <td>&#x0efc7;</td>
<td>&#x0efc8;</td> <td>&#x0efc9;</td> <td>&#x0efca;</td> <td>&#x0efcb;</td> <td>&#x0efcc;</td> <td>&#x0efcd;</td> <td>&#x0efce;</td> <td>&#x0efcf;</td>
</tr>
<tr>
<td>&#x0efd0;</td> <td>&#x0efd1;</td> <td>&#x0efd2;</td> <td>&#x0efd3;</td> <td>&#x0efd4;</td> <td>&#x0efd5;</td> <td>&#x0efd6;</td> <td>&#x0efd7;</td>
<td>&#x0efd8;</td> <td>&#x0efd9;</td> <td>&#x0efda;</td> <td>&#x0efdb;</td> <td>&#x0efdc;</td> <td>&#x0efdd;</td> <td>&#x0efde;</td> <td>&#x0efdf;</td>
</tr>
<tr>
<td>&#x0efe0;</td> <td>&#x0efe1;</td> <td>&#x0efe2;</td> <td>&#x0efe3;</td> <td>&#x0efe4;</td> <td>&#x0efe5;</td> <td>&#x0efe6;</td> <td>&#x0efe7;</td>
<td>&#x0efe8;</td> <td>&#x0efe9;</td> <td>&#x0efea;</td> <td>&#x0efeb;</td> <td>&#x0efec;</td> <td>&#x0efed;</td> <td>&#x0efee;</td> <td>&#x0efef;</td>
</tr>
<tr>
<td>&#x0eff0;</td> <td>&#x0eff1;</td> <td>&#x0eff2;</td> <td>&#x0eff3;</td> <td>&#x0eff4;</td> <td>&#x0eff5;</td> <td>&#x0eff6;</td> <td>&#x0eff7;</td>
<td>&#x0eff8;</td> <td>&#x0eff9;</td> <td>&#x0effa;</td> <td>&#x0effb;</td> <td>&#x0effc;</td> <td>&#x0effd;</td> <td>&#x0effe;</td> <td>&#x0efff;</td>
</tr>
</table>
</div>
</div>
</body>
</html>

@ -0,0 +1,170 @@
<html>
<head>
<title> C64 Pro Mono: OTF (OpenType) test </title>
<style type="text/css">
@font-face{font-family:"C64 Pro Mono Local";src:url(../fonts/C64_Pro_Mono-STYLE.otf) format("opentype")}@font-face{font-family:"C64 Pro Local";src:url(../fonts/C64_Pro-STYLE.otf) format("opentype")}.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,td,tr{padding:0;margin:0}tbody,td,thead,tr{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=otf">http://caniuse.com/#feat=otf</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">&ldquo;C64 Pro Mono/Style&rdquo;</span><br/>
<span class="c64pm px16">&nbsp;&nbsp;&nbsp;upper/graphics</span>
<table cellspacing="0" cellpadding="0" class="c64pm px32 d020-06 d021-0e" style="margin-top: 4px;">
<tr>
<td>&#x0ee00;</td> <td>&#x0ee01;</td> <td>&#x0ee02;</td> <td>&#x0ee03;</td> <td>&#x0ee04;</td> <td>&#x0ee05;</td> <td>&#x0ee06;</td> <td>&#x0ee07;</td>
<td>&#x0ee08;</td> <td>&#x0ee09;</td> <td>&#x0ee0a;</td> <td>&#x0ee0b;</td> <td>&#x0ee0c;</td> <td>&#x0ee0d;</td> <td>&#x0ee0e;</td> <td>&#x0ee0f;</td>
</tr>
<tr>
<td>&#x0ee10;</td> <td>&#x0ee11;</td> <td>&#x0ee12;</td> <td>&#x0ee13;</td> <td>&#x0ee14;</td> <td>&#x0ee15;</td> <td>&#x0ee16;</td> <td>&#x0ee17;</td>
<td>&#x0ee18;</td> <td>&#x0ee19;</td> <td>&#x0ee1a;</td> <td>&#x0ee1b;</td> <td>&#x0ee1c;</td> <td>&#x0ee1d;</td> <td>&#x0ee1e;</td> <td>&#x0ee1f;</td>
</tr>
<tr>
<td>&#x0ee20;</td> <td>&#x0ee21;</td> <td>&#x0ee22;</td> <td>&#x0ee23;</td> <td>&#x0ee24;</td> <td>&#x0ee25;</td> <td>&#x0ee26;</td> <td>&#x0ee27;</td>
<td>&#x0ee28;</td> <td>&#x0ee29;</td> <td>&#x0ee2a;</td> <td>&#x0ee2b;</td> <td>&#x0ee2c;</td> <td>&#x0ee2d;</td> <td>&#x0ee2e;</td> <td>&#x0ee2f;</td>
</tr>
<tr>
<td>&#x0ee30;</td> <td>&#x0ee31;</td> <td>&#x0ee32;</td> <td>&#x0ee33;</td> <td>&#x0ee34;</td> <td>&#x0ee35;</td> <td>&#x0ee36;</td> <td>&#x0ee37;</td>
<td>&#x0ee38;</td> <td>&#x0ee39;</td> <td>&#x0ee3a;</td> <td>&#x0ee3b;</td> <td>&#x0ee3c;</td> <td>&#x0ee3d;</td> <td>&#x0ee3e;</td> <td>&#x0ee3f;</td>
</tr>
<tr>
<td>&#x0ee40;</td> <td>&#x0ee41;</td> <td>&#x0ee42;</td> <td>&#x0ee43;</td> <td>&#x0ee44;</td> <td>&#x0ee45;</td> <td>&#x0ee46;</td> <td>&#x0ee47;</td>
<td>&#x0ee48;</td> <td>&#x0ee49;</td> <td>&#x0ee4a;</td> <td>&#x0ee4b;</td> <td>&#x0ee4c;</td> <td>&#x0ee4d;</td> <td>&#x0ee4e;</td> <td>&#x0ee4f;</td>
</tr>
<tr>
<td>&#x0ee50;</td> <td>&#x0ee51;</td> <td>&#x0ee52;</td> <td>&#x0ee53;</td> <td>&#x0ee54;</td> <td>&#x0ee55;</td> <td>&#x0ee56;</td> <td>&#x0ee57;</td>
<td>&#x0ee58;</td> <td>&#x0ee59;</td> <td>&#x0ee5a;</td> <td>&#x0ee5b;</td> <td>&#x0ee5c;</td> <td>&#x0ee5d;</td> <td>&#x0ee5e;</td> <td>&#x0ee5f;</td>
</tr>
<tr>
<td>&#x0ee60;</td> <td>&#x0ee61;</td> <td>&#x0ee62;</td> <td>&#x0ee63;</td> <td>&#x0ee64;</td> <td>&#x0ee65;</td> <td>&#x0ee66;</td> <td>&#x0ee67;</td>
<td>&#x0ee68;</td> <td>&#x0ee69;</td> <td>&#x0ee6a;</td> <td>&#x0ee6b;</td> <td>&#x0ee6c;</td> <td>&#x0ee6d;</td> <td>&#x0ee6e;</td> <td>&#x0ee6f;</td>
</tr>
<tr>
<td>&#x0ee70;</td> <td>&#x0ee71;</td> <td>&#x0ee72;</td> <td>&#x0ee73;</td> <td>&#x0ee74;</td> <td>&#x0ee75;</td> <td>&#x0ee76;</td> <td>&#x0ee77;</td>
<td>&#x0ee78;</td> <td>&#x0ee79;</td> <td>&#x0ee7a;</td> <td>&#x0ee7b;</td> <td>&#x0ee7c;</td> <td>&#x0ee7d;</td> <td>&#x0ee7e;</td> <td>&#x0ee7f;</td>
</tr>
<tr>
<td>&#x0ee80;</td> <td>&#x0ee81;</td> <td>&#x0ee82;</td> <td>&#x0ee83;</td> <td>&#x0ee84;</td> <td>&#x0ee85;</td> <td>&#x0ee86;</td> <td>&#x0ee87;</td>
<td>&#x0ee88;</td> <td>&#x0ee89;</td> <td>&#x0ee8a;</td> <td>&#x0ee8b;</td> <td>&#x0ee8c;</td> <td>&#x0ee8d;</td> <td>&#x0ee8e;</td> <td>&#x0ee8f;</td>
</tr>
<tr>
<td>&#x0ee90;</td> <td>&#x0ee91;</td> <td>&#x0ee92;</td> <td>&#x0ee93;</td> <td>&#x0ee94;</td> <td>&#x0ee95;</td> <td>&#x0ee96;</td> <td>&#x0ee97;</td>
<td>&#x0ee98;</td> <td>&#x0ee99;</td> <td>&#x0ee9a;</td> <td>&#x0ee9b;</td> <td>&#x0ee9c;</td> <td>&#x0ee9d;</td> <td>&#x0ee9e;</td> <td>&#x0ee9f;</td>
</tr>
<tr>
<td>&#x0eea0;</td> <td>&#x0eea1;</td> <td>&#x0eea2;</td> <td>&#x0eea3;</td> <td>&#x0eea4;</td> <td>&#x0eea5;</td> <td>&#x0eea6;</td> <td>&#x0eea7;</td>
<td>&#x0eea8;</td> <td>&#x0eea9;</td> <td>&#x0eeaa;</td> <td>&#x0eeab;</td> <td>&#x0eeac;</td> <td>&#x0eead;</td> <td>&#x0eeae;</td> <td>&#x0eeaf;</td>
</tr>
<tr>
<td>&#x0eeb0;</td> <td>&#x0eeb1;</td> <td>&#x0eeb2;</td> <td>&#x0eeb3;</td> <td>&#x0eeb4;</td> <td>&#x0eeb5;</td> <td>&#x0eeb6;</td> <td>&#x0eeb7;</td>
<td>&#x0eeb8;</td> <td>&#x0eeb9;</td> <td>&#x0eeba;</td> <td>&#x0eebb;</td> <td>&#x0eebc;</td> <td>&#x0eebd;</td> <td>&#x0eebe;</td> <td>&#x0eebf;</td>
</tr>
<tr>
<td>&#x0eec0;</td> <td>&#x0eec1;</td> <td>&#x0eec2;</td> <td>&#x0eec3;</td> <td>&#x0eec4;</td> <td>&#x0eec5;</td> <td>&#x0eec6;</td> <td>&#x0eec7;</td>
<td>&#x0eec8;</td> <td>&#x0eec9;</td> <td>&#x0eeca;</td> <td>&#x0eecb;</td> <td>&#x0eecc;</td> <td>&#x0eecd;</td> <td>&#x0eece;</td> <td>&#x0eecf;</td>
</tr>
<tr>
<td>&#x0eed0;</td> <td>&#x0eed1;</td> <td>&#x0eed2;</td> <td>&#x0eed3;</td> <td>&#x0eed4;</td> <td>&#x0eed5;</td> <td>&#x0eed6;</td> <td>&#x0eed7;</td>
<td>&#x0eed8;</td> <td>&#x0eed9;</td> <td>&#x0eeda;</td> <td>&#x0eedb;</td> <td>&#x0eedc;</td> <td>&#x0eedd;</td> <td>&#x0eede;</td> <td>&#x0eedf;</td>
</tr>
<tr>
<td>&#x0eee0;</td> <td>&#x0eee1;</td> <td>&#x0eee2;</td> <td>&#x0eee3;</td> <td>&#x0eee4;</td> <td>&#x0eee5;</td> <td>&#x0eee6;</td> <td>&#x0eee7;</td>
<td>&#x0eee8;</td> <td>&#x0eee9;</td> <td>&#x0eeea;</td> <td>&#x0eeeb;</td> <td>&#x0eeec;</td> <td>&#x0eeed;</td> <td>&#x0eeee;</td> <td>&#x0eeef;</td>
</tr>
<tr>
<td>&#x0eef0;</td> <td>&#x0eef1;</td> <td>&#x0eef2;</td> <td>&#x0eef3;</td> <td>&#x0eef4;</td> <td>&#x0eef5;</td> <td>&#x0eef6;</td> <td>&#x0eef7;</td>
<td>&#x0eef8;</td> <td>&#x0eef9;</td> <td>&#x0eefa;</td> <td>&#x0eefb;</td> <td>&#x0eefc;</td> <td>&#x0eefd;</td> <td>&#x0eefe;</td> <td>&#x0eeff;</td>
</tr>
</table>
</div>
<div style="float: left; margin-right: 8px;">
<span class="c64pm px16">&ldquo;C64 Pro Mono/Style&rdquo;</span><br/>
<span class="c64pm px16">&nbsp;&nbsp;&nbsp;lower/upper</span>
<table cellspacing="0" cellpadding="0" class="c64pm px32 d020-06 d021-0e" style="margin-top: 4px;">
<tr>
<td>&#x0ef00;</td> <td>&#x0ef01;</td> <td>&#x0ef02;</td> <td>&#x0ef03;</td> <td>&#x0ef04;</td> <td>&#x0ef05;</td> <td>&#x0ef06;</td> <td>&#x0ef07;</td>
<td>&#x0ef08;</td> <td>&#x0ef09;</td> <td>&#x0ef0a;</td> <td>&#x0ef0b;</td> <td>&#x0ef0c;</td> <td>&#x0ef0d;</td> <td>&#x0ef0e;</td> <td>&#x0ef0f;</td>
</tr>
<tr>
<td>&#x0ef10;</td> <td>&#x0ef11;</td> <td>&#x0ef12;</td> <td>&#x0ef13;</td> <td>&#x0ef14;</td> <td>&#x0ef15;</td> <td>&#x0ef16;</td> <td>&#x0ef17;</td>
<td>&#x0ef18;</td> <td>&#x0ef19;</td> <td>&#x0ef1a;</td> <td>&#x0ef1b;</td> <td>&#x0ef1c;</td> <td>&#x0ef1d;</td> <td>&#x0ef1e;</td> <td>&#x0ef1f;</td>
</tr>
<tr>
<td>&#x0ef20;</td> <td>&#x0ef21;</td> <td>&#x0ef22;</td> <td>&#x0ef23;</td> <td>&#x0ef24;</td> <td>&#x0ef25;</td> <td>&#x0ef26;</td> <td>&#x0ef27;</td>
<td>&#x0ef28;</td> <td>&#x0ef29;</td> <td>&#x0ef2a;</td> <td>&#x0ef2b;</td> <td>&#x0ef2c;</td> <td>&#x0ef2d;</td> <td>&#x0ef2e;</td> <td>&#x0ef2f;</td>
</tr>
<tr>
<td>&#x0ef30;</td> <td>&#x0ef31;</td> <td>&#x0ef32;</td> <td>&#x0ef33;</td> <td>&#x0ef34;</td> <td>&#x0ef35;</td> <td>&#x0ef36;</td> <td>&#x0ef37;</td>
<td>&#x0ef38;</td> <td>&#x0ef39;</td> <td>&#x0ef3a;</td> <td>&#x0ef3b;</td> <td>&#x0ef3c;</td> <td>&#x0ef3d;</td> <td>&#x0ef3e;</td> <td>&#x0ef3f;</td>
</tr>
<tr>
<td>&#x0ef40;</td> <td>&#x0ef41;</td> <td>&#x0ef42;</td> <td>&#x0ef43;</td> <td>&#x0ef44;</td> <td>&#x0ef45;</td> <td>&#x0ef46;</td> <td>&#x0ef47;</td>
<td>&#x0ef48;</td> <td>&#x0ef49;</td> <td>&#x0ef4a;</td> <td>&#x0ef4b;</td> <td>&#x0ef4c;</td> <td>&#x0ef4d;</td> <td>&#x0ef4e;</td> <td>&#x0ef4f;</td>
</tr>
<tr>
<td>&#x0ef50;</td> <td>&#x0ef51;</td> <td>&#x0ef52;</td> <td>&#x0ef53;</td> <td>&#x0ef54;</td> <td>&#x0ef55;</td> <td>&#x0ef56;</td> <td>&#x0ef57;</td>
<td>&#x0ef58;</td> <td>&#x0ef59;</td> <td>&#x0ef5a;</td> <td>&#x0ef5b;</td> <td>&#x0ef5c;</td> <td>&#x0ef5d;</td> <td>&#x0ef5e;</td> <td>&#x0ef5f;</td>
</tr>
<tr>
<td>&#x0ef60;</td> <td>&#x0ef61;</td> <td>&#x0ef62;</td> <td>&#x0ef63;</td> <td>&#x0ef64;</td> <td>&#x0ef65;</td> <td>&#x0ef66;</td> <td>&#x0ef67;</td>
<td>&#x0ef68;</td> <td>&#x0ef69;</td> <td>&#x0ef6a;</td> <td>&#x0ef6b;</td> <td>&#x0ef6c;</td> <td>&#x0ef6d;</td> <td>&#x0ef6e;</td> <td>&#x0ef6f;</td>
</tr>
<tr>
<td>&#x0ef70;</td> <td>&#x0ef71;</td> <td>&#x0ef72;</td> <td>&#x0ef73;</td> <td>&#x0ef74;</td> <td>&#x0ef75;</td> <td>&#x0ef76;</td> <td>&#x0ef77;</td>
<td>&#x0ef78;</td> <td>&#x0ef79;</td> <td>&#x0ef7a;</td> <td>&#x0ef7b;</td> <td>&#x0ef7c;</td> <td>&#x0ef7d;</td> <td>&#x0ef7e;</td> <td>&#x0ef7f;</td>
</tr>
<tr>
<td>&#x0ef80;</td> <td>&#x0ef81;</td> <td>&#x0ef82;</td> <td>&#x0ef83;</td> <td>&#x0ef84;</td> <td>&#x0ef85;</td> <td>&#x0ef86;</td> <td>&#x0ef87;</td>
<td>&#x0ef88;</td> <td>&#x0ef89;</td> <td>&#x0ef8a;</td> <td>&#x0ef8b;</td> <td>&#x0ef8c;</td> <td>&#x0ef8d;</td> <td>&#x0ef8e;</td> <td>&#x0ef8f;</td>
</tr>
<tr>
<td>&#x0ef90;</td> <td>&#x0ef91;</td> <td>&#x0ef92;</td> <td>&#x0ef93;</td> <td>&#x0ef94;</td> <td>&#x0ef95;</td> <td>&#x0ef96;</td> <td>&#x0ef97;</td>
<td>&#x0ef98;</td> <td>&#x0ef99;</td> <td>&#x0ef9a;</td> <td>&#x0ef9b;</td> <td>&#x0ef9c;</td> <td>&#x0ef9d;</td> <td>&#x0ef9e;</td> <td>&#x0ef9f;</td>
</tr>
<tr>
<td>&#x0efa0;</td> <td>&#x0efa1;</td> <td>&#x0efa2;</td> <td>&#x0efa3;</td> <td>&#x0efa4;</td> <td>&#x0efa5;</td> <td>&#x0efa6;</td> <td>&#x0efa7;</td>
<td>&#x0efa8;</td> <td>&#x0efa9;</td> <td>&#x0efaa;</td> <td>&#x0efab;</td> <td>&#x0efac;</td> <td>&#x0efad;</td> <td>&#x0efae;</td> <td>&#x0efaf;</td>
</tr>
<tr>
<td>&#x0efb0;</td> <td>&#x0efb1;</td> <td>&#x0efb2;</td> <td>&#x0efb3;</td> <td>&#x0efb4;</td> <td>&#x0efb5;</td> <td>&#x0efb6;</td> <td>&#x0efb7;</td>
<td>&#x0efb8;</td> <td>&#x0efb9;</td> <td>&#x0efba;</td> <td>&#x0efbb;</td> <td>&#x0efbc;</td> <td>&#x0efbd;</td> <td>&#x0efbe;</td> <td>&#x0efbf;</td>
</tr>
<tr>
<td>&#x0efc0;</td> <td>&#x0efc1;</td> <td>&#x0efc2;</td> <td>&#x0efc3;</td> <td>&#x0efc4;</td> <td>&#x0efc5;</td> <td>&#x0efc6;</td> <td>&#x0efc7;</td>
<td>&#x0efc8;</td> <td>&#x0efc9;</td> <td>&#x0efca;</td> <td>&#x0efcb;</td> <td>&#x0efcc;</td> <td>&#x0efcd;</td> <td>&#x0efce;</td> <td>&#x0efcf;</td>
</tr>
<tr>
<td>&#x0efd0;</td> <td>&#x0efd1;</td> <td>&#x0efd2;</td> <td>&#x0efd3;</td> <td>&#x0efd4;</td> <td>&#x0efd5;</td> <td>&#x0efd6;</td> <td>&#x0efd7;</td>
<td>&#x0efd8;</td> <td>&#x0efd9;</td> <td>&#x0efda;</td> <td>&#x0efdb;</td> <td>&#x0efdc;</td> <td>&#x0efdd;</td> <td>&#x0efde;</td> <td>&#x0efdf;</td>
</tr>
<tr>
<td>&#x0efe0;</td> <td>&#x0efe1;</td> <td>&#x0efe2;</td> <td>&#x0efe3;</td> <td>&#x0efe4;</td> <td>&#x0efe5;</td> <td>&#x0efe6;</td> <td>&#x0efe7;</td>
<td>&#x0efe8;</td> <td>&#x0efe9;</td> <td>&#x0efea;</td> <td>&#x0efeb;</td> <td>&#x0efec;</td> <td>&#x0efed;</td> <td>&#x0efee;</td> <td>&#x0efef;</td>
</tr>
<tr>
<td>&#x0eff0;</td> <td>&#x0eff1;</td> <td>&#x0eff2;</td> <td>&#x0eff3;</td> <td>&#x0eff4;</td> <td>&#x0eff5;</td> <td>&#x0eff6;</td> <td>&#x0eff7;</td>
<td>&#x0eff8;</td> <td>&#x0eff9;</td> <td>&#x0effa;</td> <td>&#x0effb;</td> <td>&#x0effc;</td> <td>&#x0effd;</td> <td>&#x0effe;</td> <td>&#x0efff;</td>
</tr>
</table>
</div>
</div>
</body>
</html>

@ -0,0 +1,169 @@
<html>
<head>
<title> C64 Pro Mono: TTF (TrueType) test </title>
<style type="text/css">
@font-face{font-family:"C64 Pro Mono Local";src:url(../fonts/C64_Pro_Mono-STYLE.ttf) format("truetype")}@font-face{font-family:"C64 Pro Local";src:url(../fonts/C64_Pro-STYLE.ttf) format("truetype")}.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,td,tr{padding:0;margin:0}tbody,td,thead,tr{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=ttf">http://caniuse.com/#feat=ttf</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">&ldquo;C64 Pro Mono/Style&rdquo;</span><br/>
<span class="c64pm px16">&nbsp;&nbsp;&nbsp;upper/graphics</span>
<table cellspacing="0" cellpadding="0" class="c64pm px32 d020-06 d021-0e" style="margin-top: 4px;">
<tr>
<td>&#x0ee00;</td> <td>&#x0ee01;</td> <td>&#x0ee02;</td> <td>&#x0ee03;</td> <td>&#x0ee04;</td> <td>&#x0ee05;</td> <td>&#x0ee06;</td> <td>&#x0ee07;</td>
<td>&#x0ee08;</td> <td>&#x0ee09;</td> <td>&#x0ee0a;</td> <td>&#x0ee0b;</td> <td>&#x0ee0c;</td> <td>&#x0ee0d;</td> <td>&#x0ee0e;</td> <td>&#x0ee0f;</td>
</tr>
<tr>
<td>&#x0ee10;</td> <td>&#x0ee11;</td> <td>&#x0ee12;</td> <td>&#x0ee13;</td> <td>&#x0ee14;</td> <td>&#x0ee15;</td> <td>&#x0ee16;</td> <td>&#x0ee17;</td>
<td>&#x0ee18;</td> <td>&#x0ee19;</td> <td>&#x0ee1a;</td> <td>&#x0ee1b;</td> <td>&#x0ee1c;</td> <td>&#x0ee1d;</td> <td>&#x0ee1e;</td> <td>&#x0ee1f;</td>
</tr>
<tr>
<td>&#x0ee20;</td> <td>&#x0ee21;</td> <td>&#x0ee22;</td> <td>&#x0ee23;</td> <td>&#x0ee24;</td> <td>&#x0ee25;</td> <td>&#x0ee26;</td> <td>&#x0ee27;</td>
<td>&#x0ee28;</td> <td>&#x0ee29;</td> <td>&#x0ee2a;</td> <td>&#x0ee2b;</td> <td>&#x0ee2c;</td> <td>&#x0ee2d;</td> <td>&#x0ee2e;</td> <td>&#x0ee2f;</td>
</tr>
<tr>
<td>&#x0ee30;</td> <td>&#x0ee31;</td> <td>&#x0ee32;</td> <td>&#x0ee33;</td> <td>&#x0ee34;</td> <td>&#x0ee35;</td> <td>&#x0ee36;</td> <td>&#x0ee37;</td>
<td>&#x0ee38;</td> <td>&#x0ee39;</td> <td>&#x0ee3a;</td> <td>&#x0ee3b;</td> <td>&#x0ee3c;</td> <td>&#x0ee3d;</td> <td>&#x0ee3e;</td> <td>&#x0ee3f;</td>
</tr>
<tr>
<td>&#x0ee40;</td> <td>&#x0ee41;</td> <td>&#x0ee42;</td> <td>&#x0ee43;</td> <td>&#x0ee44;</td> <td>&#x0ee45;</td> <td>&#x0ee46;</td> <td>&#x0ee47;</td>
<td>&#x0ee48;</td> <td>&#x0ee49;</td> <td>&#x0ee4a;</td> <td>&#x0ee4b;</td> <td>&#x0ee4c;</td> <td>&#x0ee4d;</td> <td>&#x0ee4e;</td> <td>&#x0ee4f;</td>
</tr>
<tr>
<td>&#x0ee50;</td> <td>&#x0ee51;</td> <td>&#x0ee52;</td> <td>&#x0ee53;</td> <td>&#x0ee54;</td> <td>&#x0ee55;</td> <td>&#x0ee56;</td> <td>&#x0ee57;</td>
<td>&#x0ee58;</td> <td>&#x0ee59;</td> <td>&#x0ee5a;</td> <td>&#x0ee5b;</td> <td>&#x0ee5c;</td> <td>&#x0ee5d;</td> <td>&#x0ee5e;</td> <td>&#x0ee5f;</td>
</tr>
<tr>
<td>&#x0ee60;</td> <td>&#x0ee61;</td> <td>&#x0ee62;</td> <td>&#x0ee63;</td> <td>&#x0ee64;</td> <td>&#x0ee65;</td> <td>&#x0ee66;</td> <td>&#x0ee67;</td>
<td>&#x0ee68;</td> <td>&#x0ee69;</td> <td>&#x0ee6a;</td> <td>&#x0ee6b;</td> <td>&#x0ee6c;</td> <td>&#x0ee6d;</td> <td>&#x0ee6e;</td> <td>&#x0ee6f;</td>
</tr>
<tr>
<td>&#x0ee70;</td> <td>&#x0ee71;</td> <td>&#x0ee72;</td> <td>&#x0ee73;</td> <td>&#x0ee74;</td> <td>&#x0ee75;</td> <td>&#x0ee76;</td> <td>&#x0ee77;</td>
<td>&#x0ee78;</td> <td>&#x0ee79;</td> <td>&#x0ee7a;</td> <td>&#x0ee7b;</td> <td>&#x0ee7c;</td> <td>&#x0ee7d;</td> <td>&#x0ee7e;</td> <td>&#x0ee7f;</td>
</tr>
<tr>
<td>&#x0ee80;</td> <td>&#x0ee81;</td> <td>&#x0ee82;</td> <td>&#x0ee83;</td> <td>&#x0ee84;</td> <td>&#x0ee85;</td> <td>&#x0ee86;</td> <td>&#x0ee87;</td>
<td>&#x0ee88;</td> <td>&#x0ee89;</td> <td>&#x0ee8a;</td> <td>&#x0ee8b;</td> <td>&#x0ee8c;</td> <td>&#x0ee8d;</td> <td>&#x0ee8e;</td> <td>&#x0ee8f;</td>
</tr>
<tr>
<td>&#x0ee90;</td> <td>&#x0ee91;</td> <td>&#x0ee92;</td> <td>&#x0ee93;</td> <td>&#x0ee94;</td> <td>&#x0ee95;</td> <td>&#x0ee96;</td> <td>&#x0ee97;</td>
<td>&#x0ee98;</td> <td>&#x0ee99;</td> <td>&#x0ee9a;</td> <td>&#x0ee9b;</td> <td>&#x0ee9c;</td> <td>&#x0ee9d;</td> <td>&#x0ee9e;</td> <td>&#x0ee9f;</td>
</tr>
<tr>
<td>&#x0eea0;</td> <td>&#x0eea1;</td> <td>&#x0eea2;</td> <td>&#x0eea3;</td> <td>&#x0eea4;</td> <td>&#x0eea5;</td> <td>&#x0eea6;</td> <td>&#x0eea7;</td>
<td>&#x0eea8;</td> <td>&#x0eea9;</td> <td>&#x0eeaa;</td> <td>&#x0eeab;</td> <td>&#x0eeac;</td> <td>&#x0eead;</td> <td>&#x0eeae;</td> <td>&#x0eeaf;</td>
</tr>
<tr>
<td>&#x0eeb0;</td> <td>&#x0eeb1;</td> <td>&#x0eeb2;</td> <td>&#x0eeb3;</td> <td>&#x0eeb4;</td> <td>&#x0eeb5;</td> <td>&#x0eeb6;</td> <td>&#x0eeb7;</td>
<td>&#x0eeb8;</td> <td>&#x0eeb9;</td> <td>&#x0eeba;</td> <td>&#x0eebb;</td> <td>&#x0eebc;</td> <td>&#x0eebd;</td> <td>&#x0eebe;</td> <td>&#x0eebf;</td>
</tr>
<tr>
<td>&#x0eec0;</td> <td>&#x0eec1;</td> <td>&#x0eec2;</td> <td>&#x0eec3;</td> <td>&#x0eec4;</td> <td>&#x0eec5;</td> <td>&#x0eec6;</td> <td>&#x0eec7;</td>
<td>&#x0eec8;</td> <td>&#x0eec9;</td> <td>&#x0eeca;</td> <td>&#x0eecb;</td> <td>&#x0eecc;</td> <td>&#x0eecd;</td> <td>&#x0eece;</td> <td>&#x0eecf;</td>
</tr>
<tr>
<td>&#x0eed0;</td> <td>&#x0eed1;</td> <td>&#x0eed2;</td> <td>&#x0eed3;</td> <td>&#x0eed4;</td> <td>&#x0eed5;</td> <td>&#x0eed6;</td> <td>&#x0eed7;</td>
<td>&#x0eed8;</td> <td>&#x0eed9;</td> <td>&#x0eeda;</td> <td>&#x0eedb;</td> <td>&#x0eedc;</td> <td>&#x0eedd;</td> <td>&#x0eede;</td> <td>&#x0eedf;</td>
</tr>
<tr>
<td>&#x0eee0;</td> <td>&#x0eee1;</td> <td>&#x0eee2;</td> <td>&#x0eee3;</td> <td>&#x0eee4;</td> <td>&#x0eee5;</td> <td>&#x0eee6;</td> <td>&#x0eee7;</td>
<td>&#x0eee8;</td> <td>&#x0eee9;</td> <td>&#x0eeea;</td> <td>&#x0eeeb;</td> <td>&#x0eeec;</td> <td>&#x0eeed;</td> <td>&#x0eeee;</td> <td>&#x0eeef;</td>
</tr>
<tr>
<td>&#x0eef0;</td> <td>&#x0eef1;</td> <td>&#x0eef2;</td> <td>&#x0eef3;</td> <td>&#x0eef4;</td> <td>&#x0eef5;</td> <td>&#x0eef6;</td> <td>&#x0eef7;</td>
<td>&#x0eef8;</td> <td>&#x0eef9;</td> <td>&#x0eefa;</td> <td>&#x0eefb;</td> <td>&#x0eefc;</td> <td>&#x0eefd;</td> <td>&#x0eefe;</td> <td>&#x0eeff;</td>
</tr>
</table>
</div>
<div style="float: left; margin-right: 8px;">
<span class="c64pm px16">&ldquo;C64 Pro Mono/Style&rdquo;</span><br/>
<span class="c64pm px16">&nbsp;&nbsp;&nbsp;lower/upper</span>
<table cellspacing="0" cellpadding="0" class="c64pm px32 d020-06 d021-0e" style="margin-top: 4px;">
<tr>
<td>&#x0ef00;</td> <td>&#x0ef01;</td> <td>&#x0ef02;</td> <td>&#x0ef03;</td> <td>&#x0ef04;</td> <td>&#x0ef05;</td> <td>&#x0ef06;</td> <td>&#x0ef07;</td>
<td>&#x0ef08;</td> <td>&#x0ef09;</td> <td>&#x0ef0a;</td> <td>&#x0ef0b;</td> <td>&#x0ef0c;</td> <td>&#x0ef0d;</td> <td>&#x0ef0e;</td> <td>&#x0ef0f;</td>
</tr>
<tr>
<td>&#x0ef10;</td> <td>&#x0ef11;</td> <td>&#x0ef12;</td> <td>&#x0ef13;</td> <td>&#x0ef14;</td> <td>&#x0ef15;</td> <td>&#x0ef16;</td> <td>&#x0ef17;</td>
<td>&#x0ef18;</td> <td>&#x0ef19;</td> <td>&#x0ef1a;</td> <td>&#x0ef1b;</td> <td>&#x0ef1c;</td> <td>&#x0ef1d;</td> <td>&#x0ef1e;</td> <td>&#x0ef1f;</td>
</tr>
<tr>
<td>&#x0ef20;</td> <td>&#x0ef21;</td> <td>&#x0ef22;</td> <td>&#x0ef23;</td> <td>&#x0ef24;</td> <td>&#x0ef25;</td> <td>&#x0ef26;</td> <td>&#x0ef27;</td>
<td>&#x0ef28;</td> <td>&#x0ef29;</td> <td>&#x0ef2a;</td> <td>&#x0ef2b;</td> <td>&#x0ef2c;</td> <td>&#x0ef2d;</td> <td>&#x0ef2e;</td> <td>&#x0ef2f;</td>
</tr>
<tr>
<td>&#x0ef30;</td> <td>&#x0ef31;</td> <td>&#x0ef32;</td> <td>&#x0ef33;</td> <td>&#x0ef34;</td> <td>&#x0ef35;</td> <td>&#x0ef36;</td> <td>&#x0ef37;</td>
<td>&#x0ef38;</td> <td>&#x0ef39;</td> <td>&#x0ef3a;</td> <td>&#x0ef3b;</td> <td>&#x0ef3c;</td> <td>&#x0ef3d;</td> <td>&#x0ef3e;</td> <td>&#x0ef3f;</td>
</tr>
<tr>
<td>&#x0ef40;</td> <td>&#x0ef41;</td> <td>&#x0ef42;</td> <td>&#x0ef43;</td> <td>&#x0ef44;</td> <td>&#x0ef45;</td> <td>&#x0ef46;</td> <td>&#x0ef47;</td>
<td>&#x0ef48;</td> <td>&#x0ef49;</td> <td>&#x0ef4a;</td> <td>&#x0ef4b;</td> <td>&#x0ef4c;</td> <td>&#x0ef4d;</td> <td>&#x0ef4e;</td> <td>&#x0ef4f;</td>
</tr>
<tr>
<td>&#x0ef50;</td> <td>&#x0ef51;</td> <td>&#x0ef52;</td> <td>&#x0ef53;</td> <td>&#x0ef54;</td> <td>&#x0ef55;</td> <td>&#x0ef56;</td> <td>&#x0ef57;</td>
<td>&#x0ef58;</td> <td>&#x0ef59;</td> <td>&#x0ef5a;</td> <td>&#x0ef5b;</td> <td>&#x0ef5c;</td> <td>&#x0ef5d;</td> <td>&#x0ef5e;</td> <td>&#x0ef5f;</td>
</tr>
<tr>
<td>&#x0ef60;</td> <td>&#x0ef61;</td> <td>&#x0ef62;</td> <td>&#x0ef63;</td> <td>&#x0ef64;</td> <td>&#x0ef65;</td> <td>&#x0ef66;</td> <td>&#x0ef67;</td>
<td>&#x0ef68;</td> <td>&#x0ef69;</td> <td>&#x0ef6a;</td> <td>&#x0ef6b;</td> <td>&#x0ef6c;</td> <td>&#x0ef6d;</td> <td>&#x0ef6e;</td> <td>&#x0ef6f;</td>
</tr>
<tr>
<td>&#x0ef70;</td> <td>&#x0ef71;</td> <td>&#x0ef72;</td> <td>&#x0ef73;</td> <td>&#x0ef74;</td> <td>&#x0ef75;</td> <td>&#x0ef76;</td> <td>&#x0ef77;</td>
<td>&#x0ef78;</td> <td>&#x0ef79;</td> <td>&#x0ef7a;</td> <td>&#x0ef7b;</td> <td>&#x0ef7c;</td> <td>&#x0ef7d;</td> <td>&#x0ef7e;</td> <td>&#x0ef7f;</td>
</tr>
<tr>
<td>&#x0ef80;</td> <td>&#x0ef81;</td> <td>&#x0ef82;</td> <td>&#x0ef83;</td> <td>&#x0ef84;</td> <td>&#x0ef85;</td> <td>&#x0ef86;</td> <td>&#x0ef87;</td>
<td>&#x0ef88;</td> <td>&#x0ef89;</td> <td>&#x0ef8a;</td> <td>&#x0ef8b;</td> <td>&#x0ef8c;</td> <td>&#x0ef8d;</td> <td>&#x0ef8e;</td> <td>&#x0ef8f;</td>
</tr>
<tr>
<td>&#x0ef90;</td> <td>&#x0ef91;</td> <td>&#x0ef92;</td> <td>&#x0ef93;</td> <td>&#x0ef94;</td> <td>&#x0ef95;</td> <td>&#x0ef96;</td> <td>&#x0ef97;</td>
<td>&#x0ef98;</td> <td>&#x0ef99;</td> <td>&#x0ef9a;</td> <td>&#x0ef9b;</td> <td>&#x0ef9c;</td> <td>&#x0ef9d;</td> <td>&#x0ef9e;</td> <td>&#x0ef9f;</td>
</tr>
<tr>
<td>&#x0efa0;</td> <td>&#x0efa1;</td> <td>&#x0efa2;</td> <td>&#x0efa3;</td> <td>&#x0efa4;</td> <td>&#x0efa5;</td> <td>&#x0efa6;</td> <td>&#x0efa7;</td>
<td>&#x0efa8;</td> <td>&#x0efa9;</td> <td>&#x0efaa;</td> <td>&#x0efab;</td> <td>&#x0efac;</td> <td>&#x0efad;</td> <td>&#x0efae;</td> <td>&#x0efaf;</td>
</tr>
<tr>
<td>&#x0efb0;</td> <td>&#x0efb1;</td> <td>&#x0efb2;</td> <td>&#x0efb3;</td> <td>&#x0efb4;</td> <td>&#x0efb5;</td> <td>&#x0efb6;</td> <td>&#x0efb7;</td>
<td>&#x0efb8;</td> <td>&#x0efb9;</td> <td>&#x0efba;</td> <td>&#x0efbb;</td> <td>&#x0efbc;</td> <td>&#x0efbd;</td> <td>&#x0efbe;</td> <td>&#x0efbf;</td>
</tr>
<tr>
<td>&#x0efc0;</td> <td>&#x0efc1;</td> <td>&#x0efc2;</td> <td>&#x0efc3;</td> <td>&#x0efc4;</td> <td>&#x0efc5;</td> <td>&#x0efc6;</td> <td>&#x0efc7;</td>
<td>&#x0efc8;</td> <td>&#x0efc9;</td> <td>&#x0efca;</td> <td>&#x0efcb;</td> <td>&#x0efcc;</td> <td>&#x0efcd;</td> <td>&#x0efce;</td> <td>&#x0efcf;</td>
</tr>
<tr>
<td>&#x0efd0;</td> <td>&#x0efd1;</td> <td>&#x0efd2;</td> <td>&#x0efd3;</td> <td>&#x0efd4;</td> <td>&#x0efd5;</td> <td>&#x0efd6;</td> <td>&#x0efd7;</td>
<td>&#x0efd8;</td> <td>&#x0efd9;</td> <td>&#x0efda;</td> <td>&#x0efdb;</td> <td>&#x0efdc;</td> <td>&#x0efdd;</td> <td>&#x0efde;</td> <td>&#x0efdf;</td>
</tr>
<tr>
<td>&#x0efe0;</td> <td>&#x0efe1;</td> <td>&#x0efe2;</td> <td>&#x0efe3;</td> <td>&#x0efe4;</td> <td>&#x0efe5;</td> <td>&#x0efe6;</td> <td>&#x0efe7;</td>
<td>&#x0efe8;</td> <td>&#x0efe9;</td> <td>&#x0efea;</td> <td>&#x0efeb;</td> <td>&#x0efec;</td> <td>&#x0efed;</td> <td>&#x0efee;</td> <td>&#x0efef;</td>
</tr>
<tr>
<td>&#x0eff0;</td> <td>&#x0eff1;</td> <td>&#x0eff2;</td> <td>&#x0eff3;</td> <td>&#x0eff4;</td> <td>&#x0eff5;</td> <td>&#x0eff6;</td> <td>&#x0eff7;</td>
<td>&#x0eff8;</td> <td>&#x0eff9;</td> <td>&#x0effa;</td> <td>&#x0effb;</td> <td>&#x0effc;</td> <td>&#x0effd;</td> <td>&#x0effe;</td> <td>&#x0efff;</td>
</tr>
</table>
</div>
</div>
</body>
</html>

@ -0,0 +1,170 @@
<html>
<head>
<title> C64 Pro Mono: WOFF (Web Open Font Format) test </title>
<style type="text/css">
@font-face{font-family:"C64 Pro Mono Local";src:url(../fonts/C64_Pro_Mono-STYLE.woff) format("woff")}@font-face{font-family:"C64 Pro Local";src:url(../fonts/C64_Pro-STYLE.woff) format("woff")}.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,td,tr{padding:0;margin:0}tbody,td,thead,tr{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=woff">http://caniuse.com/#feat=woff</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">&ldquo;C64 Pro Mono/Style&rdquo;</span><br/>
<span class="c64pm px16">&nbsp;&nbsp;&nbsp;upper/graphics</span>
<table cellspacing="0" cellpadding="0" class="c64pm px32 d020-06 d021-0e" style="margin-top: 4px;">
<tr>
<td>&#x0ee00;</td> <td>&#x0ee01;</td> <td>&#x0ee02;</td> <td>&#x0ee03;</td> <td>&#x0ee04;</td> <td>&#x0ee05;</td> <td>&#x0ee06;</td> <td>&#x0ee07;</td>
<td>&#x0ee08;</td> <td>&#x0ee09;</td> <td>&#x0ee0a;</td> <td>&#x0ee0b;</td> <td>&#x0ee0c;</td> <td>&#x0ee0d;</td> <td>&#x0ee0e;</td> <td>&#x0ee0f;</td>
</tr>
<tr>
<td>&#x0ee10;</td> <td>&#x0ee11;</td> <td>&#x0ee12;</td> <td>&#x0ee13;</td> <td>&#x0ee14;</td> <td>&#x0ee15;</td> <td>&#x0ee16;</td> <td>&#x0ee17;</td>
<td>&#x0ee18;</td> <td>&#x0ee19;</td> <td>&#x0ee1a;</td> <td>&#x0ee1b;</td> <td>&#x0ee1c;</td> <td>&#x0ee1d;</td> <td>&#x0ee1e;</td> <td>&#x0ee1f;</td>
</tr>
<tr>
<td>&#x0ee20;</td> <td>&#x0ee21;</td> <td>&#x0ee22;</td> <td>&#x0ee23;</td> <td>&#x0ee24;</td> <td>&#x0ee25;</td> <td>&#x0ee26;</td> <td>&#x0ee27;</td>
<td>&#x0ee28;</td> <td>&#x0ee29;</td> <td>&#x0ee2a;</td> <td>&#x0ee2b;</td> <td>&#x0ee2c;</td> <td>&#x0ee2d;</td> <td>&#x0ee2e;</td> <td>&#x0ee2f;</td>
</tr>
<tr>
<td>&#x0ee30;</td> <td>&#x0ee31;</td> <td>&#x0ee32;</td> <td>&#x0ee33;</td> <td>&#x0ee34;</td> <td>&#x0ee35;</td> <td>&#x0ee36;</td> <td>&#x0ee37;</td>
<td>&#x0ee38;</td> <td>&#x0ee39;</td> <td>&#x0ee3a;</td> <td>&#x0ee3b;</td> <td>&#x0ee3c;</td> <td>&#x0ee3d;</td> <td>&#x0ee3e;</td> <td>&#x0ee3f;</td>
</tr>
<tr>
<td>&#x0ee40;</td> <td>&#x0ee41;</td> <td>&#x0ee42;</td> <td>&#x0ee43;</td> <td>&#x0ee44;</td> <td>&#x0ee45;</td> <td>&#x0ee46;</td> <td>&#x0ee47;</td>
<td>&#x0ee48;</td> <td>&#x0ee49;</td> <td>&#x0ee4a;</td> <td>&#x0ee4b;</td> <td>&#x0ee4c;</td> <td>&#x0ee4d;</td> <td>&#x0ee4e;</td> <td>&#x0ee4f;</td>
</tr>
<tr>
<td>&#x0ee50;</td> <td>&#x0ee51;</td> <td>&#x0ee52;</td> <td>&#x0ee53;</td> <td>&#x0ee54;</td> <td>&#x0ee55;</td> <td>&#x0ee56;</td> <td>&#x0ee57;</td>
<td>&#x0ee58;</td> <td>&#x0ee59;</td> <td>&#x0ee5a;</td> <td>&#x0ee5b;</td> <td>&#x0ee5c;</td> <td>&#x0ee5d;</td> <td>&#x0ee5e;</td> <td>&#x0ee5f;</td>
</tr>
<tr>
<td>&#x0ee60;</td> <td>&#x0ee61;</td> <td>&#x0ee62;</td> <td>&#x0ee63;</td> <td>&#x0ee64;</td> <td>&#x0ee65;</td> <td>&#x0ee66;</td> <td>&#x0ee67;</td>
<td>&#x0ee68;</td> <td>&#x0ee69;</td> <td>&#x0ee6a;</td> <td>&#x0ee6b;</td> <td>&#x0ee6c;</td> <td>&#x0ee6d;</td> <td>&#x0ee6e;</td> <td>&#x0ee6f;</td>
</tr>
<tr>
<td>&#x0ee70;</td> <td>&#x0ee71;</td> <td>&#x0ee72;</td> <td>&#x0ee73;</td> <td>&#x0ee74;</td> <td>&#x0ee75;</td> <td>&#x0ee76;</td> <td>&#x0ee77;</td>
<td>&#x0ee78;</td> <td>&#x0ee79;</td> <td>&#x0ee7a;</td> <td>&#x0ee7b;</td> <td>&#x0ee7c;</td> <td>&#x0ee7d;</td> <td>&#x0ee7e;</td> <td>&#x0ee7f;</td>
</tr>
<tr>
<td>&#x0ee80;</td> <td>&#x0ee81;</td> <td>&#x0ee82;</td> <td>&#x0ee83;</td> <td>&#x0ee84;</td> <td>&#x0ee85;</td> <td>&#x0ee86;</td> <td>&#x0ee87;</td>
<td>&#x0ee88;</td> <td>&#x0ee89;</td> <td>&#x0ee8a;</td> <td>&#x0ee8b;</td> <td>&#x0ee8c;</td> <td>&#x0ee8d;</td> <td>&#x0ee8e;</td> <td>&#x0ee8f;</td>
</tr>
<tr>
<td>&#x0ee90;</td> <td>&#x0ee91;</td> <td>&#x0ee92;</td> <td>&#x0ee93;</td> <td>&#x0ee94;</td> <td>&#x0ee95;</td> <td>&#x0ee96;</td> <td>&#x0ee97;</td>
<td>&#x0ee98;</td> <td>&#x0ee99;</td> <td>&#x0ee9a;</td> <td>&#x0ee9b;</td> <td>&#x0ee9c;</td> <td>&#x0ee9d;</td> <td>&#x0ee9e;</td> <td>&#x0ee9f;</td>
</tr>
<tr>
<td>&#x0eea0;</td> <td>&#x0eea1;</td> <td>&#x0eea2;</td> <td>&#x0eea3;</td> <td>&#x0eea4;</td> <td>&#x0eea5;</td> <td>&#x0eea6;</td> <td>&#x0eea7;</td>
<td>&#x0eea8;</td> <td>&#x0eea9;</td> <td>&#x0eeaa;</td> <td>&#x0eeab;</td> <td>&#x0eeac;</td> <td>&#x0eead;</td> <td>&#x0eeae;</td> <td>&#x0eeaf;</td>
</tr>
<tr>
<td>&#x0eeb0;</td> <td>&#x0eeb1;</td> <td>&#x0eeb2;</td> <td>&#x0eeb3;</td> <td>&#x0eeb4;</td> <td>&#x0eeb5;</td> <td>&#x0eeb6;</td> <td>&#x0eeb7;</td>
<td>&#x0eeb8;</td> <td>&#x0eeb9;</td> <td>&#x0eeba;</td> <td>&#x0eebb;</td> <td>&#x0eebc;</td> <td>&#x0eebd;</td> <td>&#x0eebe;</td> <td>&#x0eebf;</td>
</tr>
<tr>
<td>&#x0eec0;</td> <td>&#x0eec1;</td> <td>&#x0eec2;</td> <td>&#x0eec3;</td> <td>&#x0eec4;</td> <td>&#x0eec5;</td> <td>&#x0eec6;</td> <td>&#x0eec7;</td>
<td>&#x0eec8;</td> <td>&#x0eec9;</td> <td>&#x0eeca;</td> <td>&#x0eecb;</td> <td>&#x0eecc;</td> <td>&#x0eecd;</td> <td>&#x0eece;</td> <td>&#x0eecf;</td>
</tr>
<tr>
<td>&#x0eed0;</td> <td>&#x0eed1;</td> <td>&#x0eed2;</td> <td>&#x0eed3;</td> <td>&#x0eed4;</td> <td>&#x0eed5;</td> <td>&#x0eed6;</td> <td>&#x0eed7;</td>
<td>&#x0eed8;</td> <td>&#x0eed9;</td> <td>&#x0eeda;</td> <td>&#x0eedb;</td> <td>&#x0eedc;</td> <td>&#x0eedd;</td> <td>&#x0eede;</td> <td>&#x0eedf;</td>
</tr>
<tr>
<td>&#x0eee0;</td> <td>&#x0eee1;</td> <td>&#x0eee2;</td> <td>&#x0eee3;</td> <td>&#x0eee4;</td> <td>&#x0eee5;</td> <td>&#x0eee6;</td> <td>&#x0eee7;</td>
<td>&#x0eee8;</td> <td>&#x0eee9;</td> <td>&#x0eeea;</td> <td>&#x0eeeb;</td> <td>&#x0eeec;</td> <td>&#x0eeed;</td> <td>&#x0eeee;</td> <td>&#x0eeef;</td>
</tr>
<tr>
<td>&#x0eef0;</td> <td>&#x0eef1;</td> <td>&#x0eef2;</td> <td>&#x0eef3;</td> <td>&#x0eef4;</td> <td>&#x0eef5;</td> <td>&#x0eef6;</td> <td>&#x0eef7;</td>
<td>&#x0eef8;</td> <td>&#x0eef9;</td> <td>&#x0eefa;</td> <td>&#x0eefb;</td> <td>&#x0eefc;</td> <td>&#x0eefd;</td> <td>&#x0eefe;</td> <td>&#x0eeff;</td>
</tr>
</table>
</div>
<div style="float: left; margin-right: 8px;">
<span class="c64pm px16">&ldquo;C64 Pro Mono/Style&rdquo;</span><br/>
<span class="c64pm px16">&nbsp;&nbsp;&nbsp;lower/upper</span>
<table cellspacing="0" cellpadding="0" class="c64pm px32 d020-06 d021-0e" style="margin-top: 4px;">
<tr>
<td>&#x0ef00;</td> <td>&#x0ef01;</td> <td>&#x0ef02;</td> <td>&#x0ef03;</td> <td>&#x0ef04;</td> <td>&#x0ef05;</td> <td>&#x0ef06;</td> <td>&#x0ef07;</td>
<td>&#x0ef08;</td> <td>&#x0ef09;</td> <td>&#x0ef0a;</td> <td>&#x0ef0b;</td> <td>&#x0ef0c;</td> <td>&#x0ef0d;</td> <td>&#x0ef0e;</td> <td>&#x0ef0f;</td>
</tr>
<tr>
<td>&#x0ef10;</td> <td>&#x0ef11;</td> <td>&#x0ef12;</td> <td>&#x0ef13;</td> <td>&#x0ef14;</td> <td>&#x0ef15;</td> <td>&#x0ef16;</td> <td>&#x0ef17;</td>
<td>&#x0ef18;</td> <td>&#x0ef19;</td> <td>&#x0ef1a;</td> <td>&#x0ef1b;</td> <td>&#x0ef1c;</td> <td>&#x0ef1d;</td> <td>&#x0ef1e;</td> <td>&#x0ef1f;</td>
</tr>
<tr>
<td>&#x0ef20;</td> <td>&#x0ef21;</td> <td>&#x0ef22;</td> <td>&#x0ef23;</td> <td>&#x0ef24;</td> <td>&#x0ef25;</td> <td>&#x0ef26;</td> <td>&#x0ef27;</td>
<td>&#x0ef28;</td> <td>&#x0ef29;</td> <td>&#x0ef2a;</td> <td>&#x0ef2b;</td> <td>&#x0ef2c;</td> <td>&#x0ef2d;</td> <td>&#x0ef2e;</td> <td>&#x0ef2f;</td>
</tr>
<tr>
<td>&#x0ef30;</td> <td>&#x0ef31;</td> <td>&#x0ef32;</td> <td>&#x0ef33;</td> <td>&#x0ef34;</td> <td>&#x0ef35;</td> <td>&#x0ef36;</td> <td>&#x0ef37;</td>
<td>&#x0ef38;</td> <td>&#x0ef39;</td> <td>&#x0ef3a;</td> <td>&#x0ef3b;</td> <td>&#x0ef3c;</td> <td>&#x0ef3d;</td> <td>&#x0ef3e;</td> <td>&#x0ef3f;</td>
</tr>
<tr>
<td>&#x0ef40;</td> <td>&#x0ef41;</td> <td>&#x0ef42;</td> <td>&#x0ef43;</td> <td>&#x0ef44;</td> <td>&#x0ef45;</td> <td>&#x0ef46;</td> <td>&#x0ef47;</td>
<td>&#x0ef48;</td> <td>&#x0ef49;</td> <td>&#x0ef4a;</td> <td>&#x0ef4b;</td> <td>&#x0ef4c;</td> <td>&#x0ef4d;</td> <td>&#x0ef4e;</td> <td>&#x0ef4f;</td>
</tr>
<tr>
<td>&#x0ef50;</td> <td>&#x0ef51;</td> <td>&#x0ef52;</td> <td>&#x0ef53;</td> <td>&#x0ef54;</td> <td>&#x0ef55;</td> <td>&#x0ef56;</td> <td>&#x0ef57;</td>
<td>&#x0ef58;</td> <td>&#x0ef59;</td> <td>&#x0ef5a;</td> <td>&#x0ef5b;</td> <td>&#x0ef5c;</td> <td>&#x0ef5d;</td> <td>&#x0ef5e;</td> <td>&#x0ef5f;</td>
</tr>
<tr>
<td>&#x0ef60;</td> <td>&#x0ef61;</td> <td>&#x0ef62;</td> <td>&#x0ef63;</td> <td>&#x0ef64;</td> <td>&#x0ef65;</td> <td>&#x0ef66;</td> <td>&#x0ef67;</td>
<td>&#x0ef68;</td> <td>&#x0ef69;</td> <td>&#x0ef6a;</td> <td>&#x0ef6b;</td> <td>&#x0ef6c;</td> <td>&#x0ef6d;</td> <td>&#x0ef6e;</td> <td>&#x0ef6f;</td>
</tr>
<tr>
<td>&#x0ef70;</td> <td>&#x0ef71;</td> <td>&#x0ef72;</td> <td>&#x0ef73;</td> <td>&#x0ef74;</td> <td>&#x0ef75;</td> <td>&#x0ef76;</td> <td>&#x0ef77;</td>
<td>&#x0ef78;</td> <td>&#x0ef79;</td> <td>&#x0ef7a;</td> <td>&#x0ef7b;</td> <td>&#x0ef7c;</td> <td>&#x0ef7d;</td> <td>&#x0ef7e;</td> <td>&#x0ef7f;</td>
</tr>
<tr>
<td>&#x0ef80;</td> <td>&#x0ef81;</td> <td>&#x0ef82;</td> <td>&#x0ef83;</td> <td>&#x0ef84;</td> <td>&#x0ef85;</td> <td>&#x0ef86;</td> <td>&#x0ef87;</td>
<td>&#x0ef88;</td> <td>&#x0ef89;</td> <td>&#x0ef8a;</td> <td>&#x0ef8b;</td> <td>&#x0ef8c;</td> <td>&#x0ef8d;</td> <td>&#x0ef8e;</td> <td>&#x0ef8f;</td>
</tr>
<tr>
<td>&#x0ef90;</td> <td>&#x0ef91;</td> <td>&#x0ef92;</td> <td>&#x0ef93;</td> <td>&#x0ef94;</td> <td>&#x0ef95;</td> <td>&#x0ef96;</td> <td>&#x0ef97;</td>
<td>&#x0ef98;</td> <td>&#x0ef99;</td> <td>&#x0ef9a;</td> <td>&#x0ef9b;</td> <td>&#x0ef9c;</td> <td>&#x0ef9d;</td> <td>&#x0ef9e;</td> <td>&#x0ef9f;</td>
</tr>
<tr>
<td>&#x0efa0;</td> <td>&#x0efa1;</td> <td>&#x0efa2;</td> <td>&#x0efa3;</td> <td>&#x0efa4;</td> <td>&#x0efa5;</td> <td>&#x0efa6;</td> <td>&#x0efa7;</td>
<td>&#x0efa8;</td> <td>&#x0efa9;</td> <td>&#x0efaa;</td> <td>&#x0efab;</td> <td>&#x0efac;</td> <td>&#x0efad;</td> <td>&#x0efae;</td> <td>&#x0efaf;</td>
</tr>
<tr>
<td>&#x0efb0;</td> <td>&#x0efb1;</td> <td>&#x0efb2;</td> <td>&#x0efb3;</td> <td>&#x0efb4;</td> <td>&#x0efb5;</td> <td>&#x0efb6;</td> <td>&#x0efb7;</td>
<td>&#x0efb8;</td> <td>&#x0efb9;</td> <td>&#x0efba;</td> <td>&#x0efbb;</td> <td>&#x0efbc;</td> <td>&#x0efbd;</td> <td>&#x0efbe;</td> <td>&#x0efbf;</td>
</tr>
<tr>
<td>&#x0efc0;</td> <td>&#x0efc1;</td> <td>&#x0efc2;</td> <td>&#x0efc3;</td> <td>&#x0efc4;</td> <td>&#x0efc5;</td> <td>&#x0efc6;</td> <td>&#x0efc7;</td>
<td>&#x0efc8;</td> <td>&#x0efc9;</td> <td>&#x0efca;</td> <td>&#x0efcb;</td> <td>&#x0efcc;</td> <td>&#x0efcd;</td> <td>&#x0efce;</td> <td>&#x0efcf;</td>
</tr>
<tr>
<td>&#x0efd0;</td> <td>&#x0efd1;</td> <td>&#x0efd2;</td> <td>&#x0efd3;</td> <td>&#x0efd4;</td> <td>&#x0efd5;</td> <td>&#x0efd6;</td> <td>&#x0efd7;</td>
<td>&#x0efd8;</td> <td>&#x0efd9;</td> <td>&#x0efda;</td> <td>&#x0efdb;</td> <td>&#x0efdc;</td> <td>&#x0efdd;</td> <td>&#x0efde;</td> <td>&#x0efdf;</td>
</tr>
<tr>
<td>&#x0efe0;</td> <td>&#x0efe1;</td> <td>&#x0efe2;</td> <td>&#x0efe3;</td> <td>&#x0efe4;</td> <td>&#x0efe5;</td> <td>&#x0efe6;</td> <td>&#x0efe7;</td>
<td>&#x0efe8;</td> <td>&#x0efe9;</td> <td>&#x0efea;</td> <td>&#x0efeb;</td> <td>&#x0efec;</td> <td>&#x0efed;</td> <td>&#x0efee;</td> <td>&#x0efef;</td>
</tr>
<tr>
<td>&#x0eff0;</td> <td>&#x0eff1;</td> <td>&#x0eff2;</td> <td>&#x0eff3;</td> <td>&#x0eff4;</td> <td>&#x0eff5;</td> <td>&#x0eff6;</td> <td>&#x0eff7;</td>
<td>&#x0eff8;</td> <td>&#x0eff9;</td> <td>&#x0effa;</td> <td>&#x0effb;</td> <td>&#x0effc;</td> <td>&#x0effd;</td> <td>&#x0effe;</td> <td>&#x0efff;</td>
</tr>
</table>
</div>
</div>
</body>
</html>

@ -0,0 +1,170 @@
<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">&ldquo;C64 Pro Mono/Style&rdquo;</span><br/>
<span class="c64pm px16">&nbsp;&nbsp;&nbsp;upper/graphics</span>
<table cellspacing="0" cellpadding="0" class="c64pm px32 d020-06 d021-0e" style="margin-top: 4px;">
<tr>
<td>&#x0ee00;</td> <td>&#x0ee01;</td> <td>&#x0ee02;</td> <td>&#x0ee03;</td> <td>&#x0ee04;</td> <td>&#x0ee05;</td> <td>&#x0ee06;</td> <td>&#x0ee07;</td>
<td>&#x0ee08;</td> <td>&#x0ee09;</td> <td>&#x0ee0a;</td> <td>&#x0ee0b;</td> <td>&#x0ee0c;</td> <td>&#x0ee0d;</td> <td>&#x0ee0e;</td> <td>&#x0ee0f;</td>
</tr>
<tr>
<td>&#x0ee10;</td> <td>&#x0ee11;</td> <td>&#x0ee12;</td> <td>&#x0ee13;</td> <td>&#x0ee14;</td> <td>&#x0ee15;</td> <td>&#x0ee16;</td> <td>&#x0ee17;</td>
<td>&#x0ee18;</td> <td>&#x0ee19;</td> <td>&#x0ee1a;</td> <td>&#x0ee1b;</td> <td>&#x0ee1c;</td> <td>&#x0ee1d;</td> <td>&#x0ee1e;</td> <td>&#x0ee1f;</td>
</tr>
<tr>
<td>&#x0ee20;</td> <td>&#x0ee21;</td> <td>&#x0ee22;</td> <td>&#x0ee23;</td> <td>&#x0ee24;</td> <td>&#x0ee25;</td> <td>&#x0ee26;</td> <td>&#x0ee27;</td>
<td>&#x0ee28;</td> <td>&#x0ee29;</td> <td>&#x0ee2a;</td> <td>&#x0ee2b;</td> <td>&#x0ee2c;</td> <td>&#x0ee2d;</td> <td>&#x0ee2e;</td> <td>&#x0ee2f;</td>
</tr>
<tr>
<td>&#x0ee30;</td> <td>&#x0ee31;</td> <td>&#x0ee32;</td> <td>&#x0ee33;</td> <td>&#x0ee34;</td> <td>&#x0ee35;</td> <td>&#x0ee36;</td> <td>&#x0ee37;</td>
<td>&#x0ee38;</td> <td>&#x0ee39;</td> <td>&#x0ee3a;</td> <td>&#x0ee3b;</td> <td>&#x0ee3c;</td> <td>&#x0ee3d;</td> <td>&#x0ee3e;</td> <td>&#x0ee3f;</td>
</tr>
<tr>
<td>&#x0ee40;</td> <td>&#x0ee41;</td> <td>&#x0ee42;</td> <td>&#x0ee43;</td> <td>&#x0ee44;</td> <td>&#x0ee45;</td> <td>&#x0ee46;</td> <td>&#x0ee47;</td>
<td>&#x0ee48;</td> <td>&#x0ee49;</td> <td>&#x0ee4a;</td> <td>&#x0ee4b;</td> <td>&#x0ee4c;</td> <td>&#x0ee4d;</td> <td>&#x0ee4e;</td> <td>&#x0ee4f;</td>
</tr>
<tr>
<td>&#x0ee50;</td> <td>&#x0ee51;</td> <td>&#x0ee52;</td> <td>&#x0ee53;</td> <td>&#x0ee54;</td> <td>&#x0ee55;</td> <td>&#x0ee56;</td> <td>&#x0ee57;</td>
<td>&#x0ee58;</td> <td>&#x0ee59;</td> <td>&#x0ee5a;</td> <td>&#x0ee5b;</td> <td>&#x0ee5c;</td> <td>&#x0ee5d;</td> <td>&#x0ee5e;</td> <td>&#x0ee5f;</td>
</tr>
<tr>
<td>&#x0ee60;</td> <td>&#x0ee61;</td> <td>&#x0ee62;</td> <td>&#x0ee63;</td> <td>&#x0ee64;</td> <td>&#x0ee65;</td> <td>&#x0ee66;</td> <td>&#x0ee67;</td>
<td>&#x0ee68;</td> <td>&#x0ee69;</td> <td>&#x0ee6a;</td> <td>&#x0ee6b;</td> <td>&#x0ee6c;</td> <td>&#x0ee6d;</td> <td>&#x0ee6e;</td> <td>&#x0ee6f;</td>
</tr>
<tr>
<td>&#x0ee70;</td> <td>&#x0ee71;</td> <td>&#x0ee72;</td> <td>&#x0ee73;</td> <td>&#x0ee74;</td> <td>&#x0ee75;</td> <td>&#x0ee76;</td> <td>&#x0ee77;</td>
<td>&#x0ee78;</td> <td>&#x0ee79;</td> <td>&#x0ee7a;</td> <td>&#x0ee7b;</td> <td>&#x0ee7c;</td> <td>&#x0ee7d;</td> <td>&#x0ee7e;</td> <td>&#x0ee7f;</td>
</tr>
<tr>
<td>&#x0ee80;</td> <td>&#x0ee81;</td> <td>&#x0ee82;</td> <td>&#x0ee83;</td> <td>&#x0ee84;</td> <td>&#x0ee85;</td> <td>&#x0ee86;</td> <td>&#x0ee87;</td>
<td>&#x0ee88;</td> <td>&#x0ee89;</td> <td>&#x0ee8a;</td> <td>&#x0ee8b;</td> <td>&#x0ee8c;</td> <td>&#x0ee8d;</td> <td>&#x0ee8e;</td> <td>&#x0ee8f;</td>
</tr>
<tr>
<td>&#x0ee90;</td> <td>&#x0ee91;</td> <td>&#x0ee92;</td> <td>&#x0ee93;</td> <td>&#x0ee94;</td> <td>&#x0ee95;</td> <td>&#x0ee96;</td> <td>&#x0ee97;</td>
<td>&#x0ee98;</td> <td>&#x0ee99;</td> <td>&#x0ee9a;</td> <td>&#x0ee9b;</td> <td>&#x0ee9c;</td> <td>&#x0ee9d;</td> <td>&#x0ee9e;</td> <td>&#x0ee9f;</td>
</tr>
<tr>
<td>&#x0eea0;</td> <td>&#x0eea1;</td> <td>&#x0eea2;</td> <td>&#x0eea3;</td> <td>&#x0eea4;</td> <td>&#x0eea5;</td> <td>&#x0eea6;</td> <td>&#x0eea7;</td>
<td>&#x0eea8;</td> <td>&#x0eea9;</td> <td>&#x0eeaa;</td> <td>&#x0eeab;</td> <td>&#x0eeac;</td> <td>&#x0eead;</td> <td>&#x0eeae;</td> <td>&#x0eeaf;</td>
</tr>
<tr>
<td>&#x0eeb0;</td> <td>&#x0eeb1;</td> <td>&#x0eeb2;</td> <td>&#x0eeb3;</td> <td>&#x0eeb4;</td> <td>&#x0eeb5;</td> <td>&#x0eeb6;</td> <td>&#x0eeb7;</td>
<td>&#x0eeb8;</td> <td>&#x0eeb9;</td> <td>&#x0eeba;</td> <td>&#x0eebb;</td> <td>&#x0eebc;</td> <td>&#x0eebd;</td> <td>&#x0eebe;</td> <td>&#x0eebf;</td>
</tr>
<tr>
<td>&#x0eec0;</td> <td>&#x0eec1;</td> <td>&#x0eec2;</td> <td>&#x0eec3;</td> <td>&#x0eec4;</td> <td>&#x0eec5;</td> <td>&#x0eec6;</td> <td>&#x0eec7;</td>
<td>&#x0eec8;</td> <td>&#x0eec9;</td> <td>&#x0eeca;</td> <td>&#x0eecb;</td> <td>&#x0eecc;</td> <td>&#x0eecd;</td> <td>&#x0eece;</td> <td>&#x0eecf;</td>
</tr>
<tr>
<td>&#x0eed0;</td> <td>&#x0eed1;</td> <td>&#x0eed2;</td> <td>&#x0eed3;</td> <td>&#x0eed4;</td> <td>&#x0eed5;</td> <td>&#x0eed6;</td> <td>&#x0eed7;</td>
<td>&#x0eed8;</td> <td>&#x0eed9;</td> <td>&#x0eeda;</td> <td>&#x0eedb;</td> <td>&#x0eedc;</td> <td>&#x0eedd;</td> <td>&#x0eede;</td> <td>&#x0eedf;</td>
</tr>
<tr>
<td>&#x0eee0;</td> <td>&#x0eee1;</td> <td>&#x0eee2;</td> <td>&#x0eee3;</td> <td>&#x0eee4;</td> <td>&#x0eee5;</td> <td>&#x0eee6;</td> <td>&#x0eee7;</td>
<td>&#x0eee8;</td> <td>&#x0eee9;</td> <td>&#x0eeea;</td> <td>&#x0eeeb;</td> <td>&#x0eeec;</td> <td>&#x0eeed;</td> <td>&#x0eeee;</td> <td>&#x0eeef;</td>
</tr>
<tr>
<td>&#x0eef0;</td> <td>&#x0eef1;</td> <td>&#x0eef2;</td> <td>&#x0eef3;</td> <td>&#x0eef4;</td> <td>&#x0eef5;</td> <td>&#x0eef6;</td> <td>&#x0eef7;</td>
<td>&#x0eef8;</td> <td>&#x0eef9;</td> <td>&#x0eefa;</td> <td>&#x0eefb;</td> <td>&#x0eefc;</td> <td>&#x0eefd;</td> <td>&#x0eefe;</td> <td>&#x0eeff;</td>
</tr>
</table>
</div>
<div style="float: left; margin-right: 8px;">
<span class="c64pm px16">&ldquo;C64 Pro Mono/Style&rdquo;</span><br/>
<span class="c64pm px16">&nbsp;&nbsp;&nbsp;lower/upper</span>
<table cellspacing="0" cellpadding="0" class="c64pm px32 d020-06 d021-0e" style="margin-top: 4px;">
<tr>
<td>&#x0ef00;</td> <td>&#x0ef01;</td> <td>&#x0ef02;</td> <td>&#x0ef03;</td> <td>&#x0ef04;</td> <td>&#x0ef05;</td> <td>&#x0ef06;</td> <td>&#x0ef07;</td>
<td>&#x0ef08;</td> <td>&#x0ef09;</td> <td>&#x0ef0a;</td> <td>&#x0ef0b;</td> <td>&#x0ef0c;</td> <td>&#x0ef0d;</td> <td>&#x0ef0e;</td> <td>&#x0ef0f;</td>
</tr>
<tr>
<td>&#x0ef10;</td> <td>&#x0ef11;</td> <td>&#x0ef12;</td> <td>&#x0ef13;</td> <td>&#x0ef14;</td> <td>&#x0ef15;</td> <td>&#x0ef16;</td> <td>&#x0ef17;</td>
<td>&#x0ef18;</td> <td>&#x0ef19;</td> <td>&#x0ef1a;</td> <td>&#x0ef1b;</td> <td>&#x0ef1c;</td> <td>&#x0ef1d;</td> <td>&#x0ef1e;</td> <td>&#x0ef1f;</td>
</tr>
<tr>
<td>&#x0ef20;</td> <td>&#x0ef21;</td> <td>&#x0ef22;</td> <td>&#x0ef23;</td> <td>&#x0ef24;</td> <td>&#x0ef25;</td> <td>&#x0ef26;</td> <td>&#x0ef27;</td>
<td>&#x0ef28;</td> <td>&#x0ef29;</td> <td>&#x0ef2a;</td> <td>&#x0ef2b;</td> <td>&#x0ef2c;</td> <td>&#x0ef2d;</td> <td>&#x0ef2e;</td> <td>&#x0ef2f;</td>
</tr>
<tr>
<td>&#x0ef30;</td> <td>&#x0ef31;</td> <td>&#x0ef32;</td> <td>&#x0ef33;</td> <td>&#x0ef34;</td> <td>&#x0ef35;</td> <td>&#x0ef36;</td> <td>&#x0ef37;</td>
<td>&#x0ef38;</td> <td>&#x0ef39;</td> <td>&#x0ef3a;</td> <td>&#x0ef3b;</td> <td>&#x0ef3c;</td> <td>&#x0ef3d;</td> <td>&#x0ef3e;</td> <td>&#x0ef3f;</td>
</tr>
<tr>
<td>&#x0ef40;</td> <td>&#x0ef41;</td> <td>&#x0ef42;</td> <td>&#x0ef43;</td> <td>&#x0ef44;</td> <td>&#x0ef45;</td> <td>&#x0ef46;</td> <td>&#x0ef47;</td>
<td>&#x0ef48;</td> <td>&#x0ef49;</td> <td>&#x0ef4a;</td> <td>&#x0ef4b;</td> <td>&#x0ef4c;</td> <td>&#x0ef4d;</td> <td>&#x0ef4e;</td> <td>&#x0ef4f;</td>
</tr>
<tr>
<td>&#x0ef50;</td> <td>&#x0ef51;</td> <td>&#x0ef52;</td> <td>&#x0ef53;</td> <td>&#x0ef54;</td> <td>&#x0ef55;</td> <td>&#x0ef56;</td> <td>&#x0ef57;</td>
<td>&#x0ef58;</td> <td>&#x0ef59;</td> <td>&#x0ef5a;</td> <td>&#x0ef5b;</td> <td>&#x0ef5c;</td> <td>&#x0ef5d;</td> <td>&#x0ef5e;</td> <td>&#x0ef5f;</td>
</tr>
<tr>
<td>&#x0ef60;</td> <td>&#x0ef61;</td> <td>&#x0ef62;</td> <td>&#x0ef63;</td> <td>&#x0ef64;</td> <td>&#x0ef65;</td> <td>&#x0ef66;</td> <td>&#x0ef67;</td>
<td>&#x0ef68;</td> <td>&#x0ef69;</td> <td>&#x0ef6a;</td> <td>&#x0ef6b;</td> <td>&#x0ef6c;</td> <td>&#x0ef6d;</td> <td>&#x0ef6e;</td> <td>&#x0ef6f;</td>
</tr>
<tr>
<td>&#x0ef70;</td> <td>&#x0ef71;</td> <td>&#x0ef72;</td> <td>&#x0ef73;</td> <td>&#x0ef74;</td> <td>&#x0ef75;</td> <td>&#x0ef76;</td> <td>&#x0ef77;</td>
<td>&#x0ef78;</td> <td>&#x0ef79;</td> <td>&#x0ef7a;</td> <td>&#x0ef7b;</td> <td>&#x0ef7c;</td> <td>&#x0ef7d;</td> <td>&#x0ef7e;</td> <td>&#x0ef7f;</td>
</tr>
<tr>
<td>&#x0ef80;</td> <td>&#x0ef81;</td> <td>&#x0ef82;</td> <td>&#x0ef83;</td> <td>&#x0ef84;</td> <td>&#x0ef85;</td> <td>&#x0ef86;</td> <td>&#x0ef87;</td>
<td>&#x0ef88;</td> <td>&#x0ef89;</td> <td>&#x0ef8a;</td> <td>&#x0ef8b;</td> <td>&#x0ef8c;</td> <td>&#x0ef8d;</td> <td>&#x0ef8e;</td> <td>&#x0ef8f;</td>
</tr>
<tr>
<td>&#x0ef90;</td> <td>&#x0ef91;</td> <td>&#x0ef92;</td> <td>&#x0ef93;</td> <td>&#x0ef94;</td> <td>&#x0ef95;</td> <td>&#x0ef96;</td> <td>&#x0ef97;</td>
<td>&#x0ef98;</td> <td>&#x0ef99;</td> <td>&#x0ef9a;</td> <td>&#x0ef9b;</td> <td>&#x0ef9c;</td> <td>&#x0ef9d;</td> <td>&#x0ef9e;</td> <td>&#x0ef9f;</td>
</tr>
<tr>
<td>&#x0efa0;</td> <td>&#x0efa1;</td> <td>&#x0efa2;</td> <td>&#x0efa3;</td> <td>&#x0efa4;</td> <td>&#x0efa5;</td> <td>&#x0efa6;</td> <td>&#x0efa7;</td>
<td>&#x0efa8;</td> <td>&#x0efa9;</td> <td>&#x0efaa;</td> <td>&#x0efab;</td> <td>&#x0efac;</td> <td>&#x0efad;</td> <td>&#x0efae;</td> <td>&#x0efaf;</td>
</tr>
<tr>
<td>&#x0efb0;</td> <td>&#x0efb1;</td> <td>&#x0efb2;</td> <td>&#x0efb3;</td> <td>&#x0efb4;</td> <td>&#x0efb5;</td> <td>&#x0efb6;</td> <td>&#x0efb7;</td>
<td>&#x0efb8;</td> <td>&#x0efb9;</td> <td>&#x0efba;</td> <td>&#x0efbb;</td> <td>&#x0efbc;</td> <td>&#x0efbd;</td> <td>&#x0efbe;</td> <td>&#x0efbf;</td>
</tr>
<tr>
<td>&#x0efc0;</td> <td>&#x0efc1;</td> <td>&#x0efc2;</td> <td>&#x0efc3;</td> <td>&#x0efc4;</td> <td>&#x0efc5;</td> <td>&#x0efc6;</td> <td>&#x0efc7;</td>
<td>&#x0efc8;</td> <td>&#x0efc9;</td> <td>&#x0efca;</td> <td>&#x0efcb;</td> <td>&#x0efcc;</td> <td>&#x0efcd;</td> <td>&#x0efce;</td> <td>&#x0efcf;</td>
</tr>
<tr>
<td>&#x0efd0;</td> <td>&#x0efd1;</td> <td>&#x0efd2;</td> <td>&#x0efd3;</td> <td>&#x0efd4;</td> <td>&#x0efd5;</td> <td>&#x0efd6;</td> <td>&#x0efd7;</td>
<td>&#x0efd8;</td> <td>&#x0efd9;</td> <td>&#x0efda;</td> <td>&#x0efdb;</td> <td>&#x0efdc;</td> <td>&#x0efdd;</td> <td>&#x0efde;</td> <td>&#x0efdf;</td>
</tr>
<tr>
<td>&#x0efe0;</td> <td>&#x0efe1;</td> <td>&#x0efe2;</td> <td>&#x0efe3;</td> <td>&#x0efe4;</td> <td>&#x0efe5;</td> <td>&#x0efe6;</td> <td>&#x0efe7;</td>
<td>&#x0efe8;</td> <td>&#x0efe9;</td> <td>&#x0efea;</td> <td>&#x0efeb;</td> <td>&#x0efec;</td> <td>&#x0efed;</td> <td>&#x0efee;</td> <td>&#x0efef;</td>
</tr>
<tr>
<td>&#x0eff0;</td> <td>&#x0eff1;</td> <td>&#x0eff2;</td> <td>&#x0eff3;</td> <td>&#x0eff4;</td> <td>&#x0eff5;</td> <td>&#x0eff6;</td> <td>&#x0eff7;</td>
<td>&#x0eff8;</td> <td>&#x0eff9;</td> <td>&#x0effa;</td> <td>&#x0effb;</td> <td>&#x0effc;</td> <td>&#x0effd;</td> <td>&#x0effe;</td> <td>&#x0efff;</td>
</tr>
</table>
</div>
</div>
</body>
</html>

@ -0,0 +1,149 @@
{
"cells": [
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# *bits*, *ASCII*, *Unicode*"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"## Encoding systems\n",
"\n",
"As a computer can only work with numbers, it cannot process of letters text directly. In order to work with text, textual characters need to be translated into numbers and vice versa. This is done via the process of text encodings.\n",
"\n",
"It might be your first reaction to think that this shouldnt be so difficult. We could represent the letter in binary code. An a encoded as a 0, b as a 1 and c as a 01 etc. And in fact this is more or less how text encodings work. However, at the time when computing was being developed different encodings emerged.\n",
"\n",
"## ASCII encoding\n",
"\n",
"The dominant encoding at the time became ASCII (for American Standard Code for Information Interchange.), which was created on behalf of the U.S. Government in 1963 to allow for information interchange between their different computing systems.\n",
"\n",
"The encoding uses a 7-bit system, which means that they could only store characters in 128 (2^7=128) numbers (0000 0000 until 0111 1111). The resulting encoding schema assigned to each of these 128 numbers:\n",
"\n",
" all the letters in the English alphabet\n",
" numbers from 0-9\n",
" punctuation marks\n",
" and control characters\n",
"\n",
"Thanks to the simplicity of the encoding it quickly became a standard for the American computing industry.\n",
"\n",
"## ASCII imperialism\n",
"\n",
"Thanks to the power of the US Military and US corporations the American computing industry became the global computing industry. Computers that we use today are rooted in American networking history, and so is the ASCII standard. However, the reality is that ASCII can only represent 26 Latin letters in the English alphabet but computers are used all over the world, by people speaking different languages. They would often end up with American computers that could not represent their language in ASCII. Think for example of scripts like Greek, Cyrillic and Arabic or even Latin scripts that use accents such as the ü or ø. Altough 128 might sound like a lot of characters, it is not enough to represent all different languages."
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"## ASCII flavours: PETSCII\n",
"\n",
"### Commodore 64 (1982)\n",
"\n",
"![](https://upload.wikimedia.org/wikipedia/commons/thumb/e/e9/Commodore-64-Computer-FL.jpg/320px-Commodore-64-Computer-FL.jpg)\n",
"\n",
"> The Commodore 64, also known as the C64 or the CBM 64, is an 8-bit home computer introduced in January 1982 by Commodore International (first shown at the Consumer Electronics Show, January 710, 1982, in Las Vegas). It has been listed in the Guinness World Records as the highest-selling single computer model of all time, with independent estimates placing the number sold between 12.5 and 17 million units. \n",
"\n",
"> Preceded by the Commodore VIC-20 and Commodore PET, the C64 took its name from its 64 kilobytes (65,536 bytes) of RAM. With support for multicolor sprites and a custom chip for waveform generation, the C64 could create superior visuals and audio compared to systems without such custom hardware. \n",
"\n",
"https://en.wikipedia.org/wiki/Commodore_64\n",
"\n",
"> Part of the Commodore 64's success was its sale in regular retail stores instead of only electronics or computer hobbyist specialty stores. Commodore produced many of its parts in-house to control costs, including custom integrated circuit chips from MOS Technology. In the United States, it has been compared to the Ford Model T automobile for its role in bringing a new technology to middle-class households via creative and affordable mass-production.\n",
"\n",
"Kahney, Leander (September 9, 2003). \"Grandiose Price for a Modest PC\". CondéNet, Inc. Archived from the original on September 14, 2008. Retrieved September 13, 2008.\n",
"\n",
"![](https://upload.wikimedia.org/wikipedia/commons/4/48/C64_startup_animiert.gif)\n",
"\n",
"### PETSCII \n",
"\n",
"![](https://www.pagetable.com/docs/c64ref_charset/colorscheme.gif)\n",
"\n",
"> The Commodore PET's lack of a programmable bitmap-mode for computer graphics, as well as it having no redefinable character set capability, may be one of the reasons PETSCII was developed; by creatively using the well-thought-out block graphics, a higher degree of sophistication in screen graphics is attainable than by using plain ASCII's letter/digit/punctuation characters. In addition to the relatively diverse set of geometrical shapes that can thus be produced, PETSCII allows for several grayscale levels by its provision of differently hatched checkerboard squares/half-squares. Finally, the reverse-video mode (see below) is used to complete the range of graphics characters, in that it provides mirrored half-square blocks. \n",
"\n",
"https://en.wikipedia.org/wiki/PETSCII\n",
"\n",
"Draw PETSCII art in the browser:\n",
"\n",
"* https://petscii.krissz.hu/\n",
"* https://www.masswerk.at/pet/\n",
"\n",
"Use PETSCII as a font!\n",
"\n",
"* https://style64.org/c64-truetype\n",
"\n",
"PETSCII bots!\n",
"\n",
"* https://twitter.com/PETSCIIBOTS"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"## Unicode universalism\n",
"\n",
"As electronic text was increasingly being exchanged online and between language areas, issues emerged when text encoded in one language was shared and read on systems assuming an encoding in another language. Unicode was a response to the incompatible text encoding standards that were proliferating.\n",
"\n",
"When different encodings assign the same binary numbers to different characters, this results in illegible documents. The solution, partly made possible by increased computing capacity, was to strive for a single universal encoding which would encompass all writing systems 6\n",
"\n",
"You can experience this following this exercise.\n",
"\n",
"So in order to overcome the limitations of ASCII people created the Unicode Consortium to create a single universal character encoding:\n",
"\n",
"The Unicode standards are designed to normalise the encoding of characters, to efficiently manage the way they are stored, referred to and displayed in order to facilitate cross-platform, multilingual and international text exchange. The Unicode Standard is mammoth in\n",
"size and covers well over 110,000 characters, of which [..] 1,000 are [..] emoji. 7\n",
"\n",
"In effect the Unicode Standard combined all the different national character encodings together into a single large ledger in order to try to represent all languages.\n",
"\n",
"It is divided in so called blocks, which are basically number tables that describe which number is connected to which character.\n",
"\n",
"The table starts counting at 0x0 and continues all the way up to 0x10FFFF.\n",
"\n",
"The first block actually corresponds with ASCII:\n",
"\n",
"https://en.wikibooks.org/wiki/Unicode/Character_reference/0000-0FFF\n",
"\n",
"It contains many different scripts for supporting large and smaller language groups, including for example Ethiopian and Cherokee:\n",
"\n",
"https://en.wikibooks.org/wiki/Unicode/Character_reference/1000-1FFF\n",
"\n",
"However there are also blocks that describe Arrows and other symbols:\n",
"\n",
"https://en.wikibooks.org/wiki/Unicode/Character_reference/2000-2FFF\n",
"\n",
"Emoji are also part of the unicode table."
]
},
{
"cell_type": "code",
"execution_count": null,
"metadata": {},
"outputs": [],
"source": []
}
],
"metadata": {
"kernelspec": {
"display_name": "Python 3",
"language": "python",
"name": "python3"
},
"language_info": {
"codemirror_mode": {
"name": "ipython",
"version": 3
},
"file_extension": ".py",
"mimetype": "text/x-python",
"name": "python",
"nbconvert_exporter": "python",
"pygments_lexer": "ipython3",
"version": "3.7.3"
}
},
"nbformat": 4,
"nbformat_minor": 4
}

File diff suppressed because one or more lines are too long

@ -0,0 +1,158 @@
{
"cells": [
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# Generating mini-games with random.choice()"
]
},
{
"cell_type": "code",
"execution_count": 2,
"metadata": {},
"outputs": [
{
"name": "stdout",
"output_type": "stream",
"text": [
". . . . .. . . .. \n",
" . . . . . . . . . . . \n",
" . . . .. .. . . .\n",
" . . . . . . . . \n",
" . . . . . . . . . . \n",
" . . . . . . . . . \n",
" . . . . . . .. \n",
" . . . .. . . . . .. . .. \n",
" . . . . . . . .. . \n",
". . . . . . . . .. . \n",
". . . .. . . \n",
" . . . . . . . .. . \n",
" . . . . . \n",
" . . . . . . . \n",
" . . . . . . . .\n",
". . . .. . . . . . \n",
" .. . . . . \n",
" . . . . . . . . . . . \n",
" . . . . . . . .. \n",
" . . . . . \n",
" . . . . . . . . . . . . \n",
" . . . . . . . . . . . \n",
" . . . . . . . . . . \n",
" . . . . . . . . . \n",
" . . . . . . . . . \n"
]
}
],
"source": [
"from random import choice\n",
"\n",
"characters = ['.', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ', ' ']\n",
"width = 100\n",
"height = 25\n",
"\n",
"for y in range(height):\n",
" for x in range(width):\n",
" print(choice(characters), end='')\n",
" print('')"
]
},
{
"cell_type": "code",
"execution_count": 130,
"metadata": {},
"outputs": [
{
"name": "stdout",
"output_type": "stream",
"text": [
" a o it m i i m f c \n",
" c i ag n o amf f o i \n",
" o i o f i a g af i g\n",
" m i f a t g c f t i\n",
" n o f a f tnf o f \n",
" a i i i i i t in c caa \n",
" t fa n f i t a i o\n",
" o i ag ig g g a i i i n ag \n",
" n m gt a i o f i o ni i i \n",
" m i f i a a a o i m a g c \n",
" f am a c o i f cna f mi\n",
" t a i c f g f n i c o o g \n",
" o f t a g ng i a i a n n o a t oi i it\n",
" o t n o m f g a i a m ni \n",
" f i i g m o i a n t a i a a m i a i a\n",
"i a a ac i a t i tn t a \n",
" o f tf i an i n o f i t t \n",
" c g fg i o o ca i o o o m t \n",
" f o i i i c i ta i ca c f \n",
" c n aa g i m g m i c \n",
" c i c i f i n m f i i \n",
" a o i g m o ot a i a c f m i \n",
" i a a i f f a c g i\n",
" to in a t og im i o i f n c \n",
"ao m g ii c n a to t \n"
]
}
],
"source": [
"from random import choice\n",
"\n",
"character_set = 'gamification '\n",
"characters = [character for character in character_set]\n",
"width = 100\n",
"height = 25\n",
"\n",
"for y in range(height):\n",
" for x in range(width):\n",
" print(choice(characters), end='')\n",
" print('')"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# More games plz!"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"Try to make some more mini-games yourself.\n",
"\n",
"You can restrict yourself to using **ASCII characters only** (see https://en.wikipedia.org/wiki/ASCII) and stay in touch with early computer graphics ASCII art...\n",
"\n",
"Or you can extend your pallete with **Unicode characters**. This is a nice website that highlights specific character sets: http://xahlee.info/comp/unicode_index.html"
]
},
{
"cell_type": "code",
"execution_count": null,
"metadata": {},
"outputs": [],
"source": []
}
],
"metadata": {
"kernelspec": {
"display_name": "Python 3",
"language": "python",
"name": "python3"
},
"language_info": {
"codemirror_mode": {
"name": "ipython",
"version": 3
},
"file_extension": ".py",
"mimetype": "text/x-python",
"name": "python",
"nbconvert_exporter": "python",
"pygments_lexer": "ipython3",
"version": "3.7.3"
}
},
"nbformat": 4,
"nbformat_minor": 4
}

@ -0,0 +1,46 @@
{
"cells": [
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# Labyrithns"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"https://en.wikipedia.org/wiki/Maze_generation_algorithm"
]
},
{
"cell_type": "code",
"execution_count": null,
"metadata": {},
"outputs": [],
"source": []
}
],
"metadata": {
"kernelspec": {
"display_name": "Python 3",
"language": "python",
"name": "python3"
},
"language_info": {
"codemirror_mode": {
"name": "ipython",
"version": 3
},
"file_extension": ".py",
"mimetype": "text/x-python",
"name": "python",
"nbconvert_exporter": "python",
"pygments_lexer": "ipython3",
"version": "3.7.3"
}
},
"nbformat": 4,
"nbformat_minor": 4
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 519 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 287 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 86 KiB

@ -0,0 +1,93 @@
{
"cells": [
{
"cell_type": "markdown",
"metadata": {},
"source": [
"# web-to-print"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"## HTML → PDF \n",
"\n",
"HTML can be used as an environment to make PDFs. HTML5 pages are used to structure and mark up material, for example by adding headers, footnotes, images and adding bolds and italics to the text. In combination with CSS3 and the Paged Media CSS rules to create lay-outs and work on the styling of the documents. \n",
"\n",
"There is not one way to work with web-to-print technologies. There are different tools being developed that each come with their specific features, culture and context.\n",
"\n",
"* CTRL + p\n",
"* [Weasyprint](https://weasyprint.org/) ([Kozea](https://kozea.fr/)/[CourtBouillon](https://www.courtbouillon.org/), FR)\n",
"* [Paged.js](https://www.pagedjs.org/) ([Coko Foundation](https://coko.foundation/), NZ/*)\n",
"* wkhtmltoprint\n",
"* [html2print](http://osp.kitchen/tools/html2print/) ([OSP](osp.kitchen/), BE)"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"## Standardization\n",
"\n",
"The W3C Foundation plays an important role in the devlopment of web-to-print techniques. This organisation works on the open standards of the web, which means that they define how the HTML5 and CSS3 standards look like and can push for standardizing certain functionalities. Once a W3C is accepted, it is very likely that different browsers will adapt such feature. \n",
"\n",
"One of the biggest struggles with web-to-print techniques is that not all browsers support the same CSS3 standards and that browsers use different PDF engines to render PDF documents. Safari is based on WebKit (developped by Apple), Firefox is based on Gecko (developed by Mozilla) and Chrome is based on Blink (developed by Google). Each of these browser engines render web pages ánd PDF document slightly differently, as they implement and render HTML5 and CSS3 rules in different ways.\n",
"\n",
"![](img/browser-engines.png)\n",
"\n",
"<https://en.wikipedia.org/wiki/Comparison_of_browser_engines>\n",
"\n",
"As an example, we can look at the support for the @page Paged Media CSS3 rules, that can be used to set the page size, orientation and margin of a PDF document. \n",
"\n",
"![](img/browser-support.png)\n",
"\n",
"<https://developer.mozilla.org/en-US/docs/Web/CSS/@page#browser_compatibility>"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"## Story of OSP Kit\n",
"\n",
"OSP Kit, CSS regions, multiple textflow support\n"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"## Promiscuous publishing & limits"
]
},
{
"cell_type": "code",
"execution_count": null,
"metadata": {},
"outputs": [],
"source": []
}
],
"metadata": {
"kernelspec": {
"display_name": "Python 3",
"language": "python",
"name": "python3"
},
"language_info": {
"codemirror_mode": {
"name": "ipython",
"version": 3
},
"file_extension": ".py",
"mimetype": "text/x-python",
"name": "python",
"nbconvert_exporter": "python",
"pygments_lexer": "ipython3",
"version": "3.7.3"
}
},
"nbformat": 4,
"nbformat_minor": 4
}
Loading…
Cancel
Save