1
0
mirror of https://github.com/sehugg/8bitworkshop.git synced 2024-11-26 10:49:17 +00:00
8bitworkshop/tools/fontgen/index.html
2018-09-02 17:03:17 -04:00

73 lines
2.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<title>8bitworkshop Bitmap Font Generator</title>
<style type="text/css" media="screen">
body {
font-family: "Andale Mono", "Menlo", "Lucida Console", monospace;
font-size: 10pt;
}
</style>
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
if (window.location.host.endsWith('8bitworkshop.com')) {
ga('create', 'UA-54497476-9', 'auto');
ga('set', 'anonymizeIp', true);
ga('send', 'pageview');
}
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
</head>
<body>
<div id="layout" style="position:absolute;top:0;left:0;bottom:0;right:0">
</div>
<div style="display:none">
<canvas id="previewCanvas" width=640 height=256></canvas>
<textarea id="codeTextarea" cols=80 rows=8>/* output appears here */</textarea>
<div id="instructions">
<p><b><a href="http://8bitworkshop.com/">8bitworkshop</a> Bitmap Font Generator</b></p>
<ol>
<li>Select a font below (check out the search and filter options.)</li>
<li>Choose a platform from the Presets menu, or choose your own encoding options.</li>
<li>Select a range of characters to encode.</li>
<li>Check out the preview bitmap to make sure none of your characters are visibly cut off, or increase your height/width (if your platform supports it.)</li>
<li>Copy the output to the clipboard.</li>
<li>Paste it into your code.</li>
</ol>
</div>
</div>
<script src="../../jquery/jquery-2.2.3.min.js"></script>
<link rel="stylesheet" href="../../lib/w2ui-1.5.rc1.css">
<script src="../../lib/w2ui-1.5.rc1.js"></script>
<!--
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/solid.css" integrity="sha384-VGP9aw4WtGH/uPAOseYxZ+Vz/vaTb1ehm1bwx92Fm8dTrE+3boLfF1SpAtB1z7HW" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/fontawesome.css" integrity="sha384-1rquJLNOM3ijoueaaeS5m+McXPJCGdr5HcA03/VHXxcp2kX2sUrQDmFc3jR5i/C7" crossorigin="anonymous">
<script>
var exports = {};
function require(modname) {
if (modname == 'jquery') return $;
else if (modname.startsWith('.')) return exports;
else { console.log("Unknown require()", modname); return exports; }
}
</script>
<!--
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<script src="../../bootstrap/js/bootstrap.min.js"></script>
-->
<script src="./fontlist.js"></script>
<script src="../../gen/util.js"></script>
<script src="../../gen/tools/uifont.js"></script>
</body>
</html>