@font-face and serif for Japanese

dabblet.css

/**
 * @font-face and serif for Japanese
 */

body {font-face: serif;}
.test {font-face: "test", serif;}

dabblet.html

<p>Some text that will inherit the default Serif font.
Japanese text displays in the default serif-equivalent Mincho font:<br />
日本語：明朝フォント</p>
<p class="test">As the font “test” is not available, this text should inherit the default Serif font.
However in Safari 8.0.8 Japanese text displays in the default sans-equivalent Gothic font:<br />
日本語：ゴシックフォント</p>
<p>Chrome and Firefox use a Mincho font as expected</p>

dabblet.js

// alert('Hello world!');

settings.json

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