The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */

.segoe {
  font-family: "Segoe UI", sans-serif;
}

h1 {
  font-family: sans-serif;
}

.arial {
  font-family: Arial, sans-serif;
}

dabblet.html

<h1 class="segoe">The quick brown fox jumps over the</h1>
<h1>The quick brown fox jumps over the</h1>
<h1 class="arial">The quick brown fox jumps over the</h1>

dabblet.js

// alert('Hello world!');

settings.json

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