Font Loading Test

dabblet.css

/**
 * Font Loading Test
 */
html, body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}

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';
}

span {
	font-weight: bold;
}

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

    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('//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('//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('//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;
}

dabblet.html

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

dabblet.js

// alert('Hello world!');

settings.json

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