mirror of
https://github.com/sehugg/8bitworkshop.git
synced 2024-11-25 18:33:11 +00:00
73 lines
2.7 KiB
HTML
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>
|