Untitled

dabblet.css

body{
	display:flex;
	font-size:30px;
}
body > div{
padding: 10px;
}
h2{
margin:0
font-size:25px:
text-transform:uppercase;
color: tomato;}
.arial{
	font-family:Arial
}
.apple {
	font-family: -apple-system, BlinkMacSystemFont, sans-serif;
}
.neue {
 font-family: Helvetica neue;
 }
 .helve {
 font-family: Helvetica; }

dabblet.html

<div class="arial">
	<h2>Arial</h2>
	<ul><li style="font-weight:normal">Je suis en normal</li>  <li style="font-weight:bold">Je suis en bold</li>  <li style="font-weight:100">Je suis en 100</li>  <li style="font-weight:200">Je suis en 200</li>  <li style="font-weight:300">Je suis en 300</li>  <li style="font-weight:400">Je suis en 400</li>  <li style="font-weight:500">Je suis en 500</li>  <li style="font-weight:600">Je suis en 600</li>  <li style="font-weight:700">Je suis en 700</li>  <li style="font-weight:800">Je suis en 800</li></ul>
</div>	
<div class="apple">
	<h2>San Fransisco</h2>
	<ul><li style="font-weight:normal">Je suis en normal</li>  <li style="font-weight:bold">Je suis en bold</li>  <li style="font-weight:100">Je suis en 100</li>  <li style="font-weight:200">Je suis en 200</li>  <li style="font-weight:300">Je suis en 300</li>  <li style="font-weight:400">Je suis en 400</li>  <li style="font-weight:500">Je suis en 500</li>  <li style="font-weight:600">Je suis en 600</li>  <li style="font-weight:700">Je suis en 700</li>  <li style="font-weight:800">Je suis en 800</li></ul>
</div>	
<div class="helve">	<h2>Helvetica</h2>	<ul><li style="font-weight:normal">Je suis en normal</li>  <li style="font-weight:bold">Je suis en bold</li>  <li style="font-weight:100">Je suis en 100</li>  <li style="font-weight:200">Je suis en 200</li>  <li style="font-weight:300">Je suis en 300</li>  <li style="font-weight:400">Je suis en 400</li>  <li style="font-weight:500">Je suis en 500</li>  <li style="font-weight:600">Je suis en 600</li>  <li style="font-weight:700">Je suis en 700</li>  <li style="font-weight:800">Je suis en 800</li></ul></div>	
<div class="helve">	<h2>Helvetica Neue</h2>	<ul><li style="font-weight:normal">Je suis en normal</li>  <li style="font-weight:bold">Je suis en bold</li>  <li style="font-weight:100">Je suis en 100</li>  <li style="font-weight:200">Je suis en 200</li>  <li style="font-weight:300">Je suis en 300</li>  <li style="font-weight:400">Je suis en 400</li>  <li style="font-weight:500">Je suis en 500</li>  <li style="font-weight:600">Je suis en 600</li>  <li style="font-weight:700">Je suis en 700</li>  <li style="font-weight:800">Je suis en 800</li></ul></div>

dabblet.js

// alert('Hello world!');

settings.json

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