Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I am no font/design expert, but just about every Japanese PC should have basic Latin fonts like the ones you mentioned installed, so they will work. But those fonts give a kind of Western look to Japanese characters. If you want to use fonts that Japanese sites typically use I would start by browsing some of the more popular Japanese sites and using things like Firebug or the Chrome developer tools to examine the CSS and see what fonts they reference. For example, yahoo.co.jp currently has this CSS:</p> <pre><code>font-family: 'MS PGothic', Osaka, Arial, sans-serif; </code></pre> <p>The "<a href="http://en.wikipedia.org/wiki/East_Asian_gothic_typeface" rel="nofollow noreferrer">gothic</a>" typeface fonts seem fairly popular these days: on Windows, fonts like MS Gothic, MS PGothic, etc. <a href="http://en.wikipedia.org/wiki/Ming_%28typefaces%29" rel="nofollow noreferrer">Ming</a> typeface is also widely used. These are the default browser font settings for Firefox on my Japanese Windows machine:</p> <p><img src="https://i.stack.imgur.com/7N5XB.png" alt="Japanese Firefox font settings"></p> <p>The proportional font is the sans-serif font, which is MS PGothic, serif font is MS PMing, and the monospace font is MS Gothic.</p> <p>BTW, the "<a href="http://ja.wikipedia.org/wiki/Osaka_%28%E6%9B%B8%E4%BD%93%29" rel="nofollow noreferrer">Osaka</a>" font was a standard font on Japanese Macs in the 90s. Unless you want that "retro" feel, is highly recommended to use "Hiragino Sans" (not Kaku Gothic that's deprecated) for macOS and iOS devices for a consistent and modern look and better legibility. Also Hiragino Sans has far more font weights (10) than Kaku Gothic (only 2).</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload