The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
html, body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}

@font-face {
    font-family: 'YS Text';

    /* src: url('freeze:link:./font/text-light.woff2') format('woff2'), */
    /* url('freeze:link:./font/text-light.woff') format('woff'); */
    src: url('//yastatic.net/s3/home/fonts/ys/1/text-light.woff2') format('woff2'), url('//yastatic.net/s3/home/fonts/ys/1/text-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';

    /* src: url('freeze:link:./font/text-regular.woff2') format('woff2'), */
    /* url('freeze:link:./font/text-regular.woff') format('woff'); */
    src: url('//yastatic.net/s3/home/fonts/ys/1/text-regular.woff2') format('woff2'), url('//yastatic.net/s3/home/fonts/ys/1/text-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';

    /* src: url('freeze:link:./font/text-medium.woff2') format('woff2'), */
    /* url('freeze:link:./font/text-medium.woff') format('woff'); */
    src: url('//yastatic.net/s3/home/fonts/ys/1/text-medium.woff2') format('woff2'), url('//yastatic.net/s3/home/fonts/ys/1/text-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'YS Text';

    /* src: url('freeze:link:./font/text-bold.woff2') format('woff2'), */
    /* url('freeze:link:./font/text-bold.woff') format('woff'); */
    src: url('//yastatic.net/s3/home/fonts/ys/1/text-bold.woff2') format('woff2'), url('//yastatic.net/s3/home/fonts/ys/1/text-bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
}

body {
    font-family: 'YS Text', 'Helvetica Neue', Arial, sans-serif;

    -webkit-font-feature-settings: 'liga', 'kern';
    -moz-font-feature-settings: 'liga', 'kern';
    font-feature-settings: 'liga', 'kern';
}

dabblet.html

Hello World!</br>
И по-русски: Мир, привет!

dabblet.js

// alert('Hello world!');

settings.json

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