@font-face and serif for Japanese

dabblet.css

/**
 * @font-face and serif for Japanese
 */
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);

body {font-family: serif;}
.test {font-family: "Source Sans Pro", 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"}