2018-08-30 13:24:03 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< title > 8bitworkshop Bitmap Font Generator< / title >
< style type = "text/css" media = "screen" >
2018-09-02 14:48:43 +00:00
body {
font-family: "Andale Mono", "Menlo", "Lucida Console", monospace;
font-size: 10pt;
2018-08-30 13:24:03 +00:00
}
< / 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" >
2018-09-01 15:02:51 +00:00
2018-08-30 13:24:03 +00:00
< canvas id = "previewCanvas" width = 640 height = 256 > < / canvas >
2018-09-01 15:02:51 +00:00
2018-08-30 13:24:03 +00:00
< textarea id = "codeTextarea" cols = 80 rows = 8 > /* output appears here */< / textarea >
2018-09-01 15:02:51 +00:00
< div id = "instructions" >
2018-09-02 14:48:43 +00:00
< p > < b > < a href = "http://8bitworkshop.com/" > 8bitworkshop< / a > Bitmap Font Generator< / b > < / p >
2018-09-01 15:02:51 +00:00
< ol >
< li > Select a font below (check out the search and filter options.)< / li >
2018-09-02 14:48:43 +00:00
< li > Choose a platform from the Presets menu, or choose your own encoding options.< / li >
< li > Select a range of characters to encode.< / li >
2018-09-01 15:02:51 +00:00
< 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 >
2018-09-02 14:48:43 +00:00
< li > Copy the output to the clipboard.< / li >
< li > Paste it into your code.< / li >
2018-09-01 15:02:51 +00:00
< / ol >
< / div >
2018-08-30 13:24:03 +00:00
< / 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" >
-->
2018-09-01 15:02:51 +00:00
< 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 >
2018-09-02 14:48:43 +00:00
<!--
2018-09-01 15:02:51 +00:00
< link rel = "stylesheet" href = "../../bootstrap/css/bootstrap.min.css" >
< script src = "../../bootstrap/js/bootstrap.min.js" > < / script >
2018-09-02 14:48:43 +00:00
-->
2018-08-30 13:24:03 +00:00
< script src = "./fontlist.js" > < / script >
2018-09-01 15:02:51 +00:00
< script src = "../../gen/util.js" > < / script >
< script src = "../../gen/tools/uifont.js" > < / script >
2018-08-30 13:24:03 +00:00
< / body >
< / html >
