fake font-stretch

dabblet.css

html {color:blue;color:rgba(0,50,150,0.75);text-align:center;font-family:georgia;font-weight:bold;
background:white;display:table;height:100%;width:100%;border-spacing:1em;}
body {display:table-cell;vertical-align:middle;background:gray;border-radius:5px;box-shadow:0 0 5px;border:solid;}
ol,ul {display:inline-block;border:solid;border-radius:5px;text-align:left;list-style-type:decimal;background:beige;padding:5px 5px 5px 2.5em;margin:1em 0;}

/* fake font-stretch */
/* + 2 pixel width */
ol  {letter-spacing:3px;text-shadow:1px 0 0px blue, -1px 0 0px blue;}
/* + 1 pixel width */
li:nth-child(2n) {text-shadow:1px 0 0px blue;letter-spacing:1px;}

dabblet.html

<h1>fake font-stretch => text-shadow & letter-spacing</h1>
<ol>
   <li>Lorem ipsum dolor sit amet elit.</li>
   <li>Aliquam tincidunt mauris eu risus.</li>
   <li>Aliquam tincidunt mauris eu risus.</li>
</ol>
<ul>
   <li>Lorem ipsum dolor sit amet elit.</li>
   <li>Aliquam tincidunt mauris eu risus.</li>
   <li>Aliquam tincidunt mauris eu risus.</li>
</ul>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}