Skip to content

Instantly share code, notes, and snippets.

@oli oli/dabblet.css
Created Sep 2, 2015

Embed
What would you like to do?
@font-face and serif for Japanese
/**
* @font-face and serif for Japanese
*/
body {font-face: serif;}
.test {font-face: "test", serif;}
<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>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.