Learn Japanese with JapanesePod101.com

View topic - HTML Fonts for Japanese and Korean

HTML Fonts for Japanese and Korean

NO SPAM ALLOWED! Discuss stuff not related to Japan or Japanese. The rules are the same in this forum as in the other forums.

HTML Fonts for Japanese and Korean

Postby Ueshu » Fri 03.28.2008 12:34 am

Are there any fonts for Japanese and Korean in HTML besides the weird default that looks like sloppy italics? I am using UTF-8, and the <font> tag.

(Yes, I know it's outdated, but it was the easiest to learn. I am still trying to feed my head with Japanese, Korean, Romanian, and other stuff, so CSS is having a hard time fitting.)
Look to the skies and you'll find the heavens.
User avatar
Posts: 32
Joined: Fri 06.23.2006 10:20 am
Location: U.S.

Re: HTML Fonts for Japanese and Korean

Postby Sairana » Fri 03.28.2008 1:03 am

You can use any fonts you want in HTML. The problem with using a non-standard font is if someone accesses your page and does not have that particular font installed, it won't display. On the plus side, you can specify multiple fonts in a priority-type fashion so it will default eventually to the common denominator. It shouldn't be too hard to find a website that tells you how in html or css. That's how I learned it. I'm too lazy to type out all the info myself though. :P

Good luck!
Posts: 709
Joined: Wed 02.27.2008 11:54 pm
Native language: (US) English
Gender: Female

Re: HTML Fonts for Japanese and Korean

Postby kayuu » Fri 03.28.2008 4:06 am

There's a lit of basically standard fonts that most people have on their computers that can be used on websites without much fear of them not being able to see it - but it's best to use CSS so you can have a fall-back font. 'serif', 'sans-serif' and 'monospace' are the browser's fonts (the user's preference).

If you didn't know what serifs were:

The common fonts for English that are pretty safe to use:

Here's a CSS code snippet you can use in the <head> of your document for fonts - this will change the font of everything on the page. See the list of fonts? They will be tried in order until they find a font that the computer has installed, and use that. Something that can't be done with the font tag :) You can pick a list from the website above.

Code: Select all
<style type="text/css">
body {
    font-family: (Tahoma, Geneva, sans-serif);

If you want only certain parts of your website to have a different font, try putting this between the <style> tags:

Code: Select all
.myfont {
    font-family: (Georgia, serif);

and then put class="myfont" where you would've put font="whatever" in your HTML. Easy peasy, now you have no excuse not to use CSS for fonts ;D It's a lot better, too, because it means you don't have to edit your whooooole page when you find a better font to use, you can just edit the CSS.

As for actual Japanese fonts that most Japanese computers will have installed - I don't actually know. It's something I never found out. However, most fonts with 'unicode' in their name should support it - as I think you may have already figured out.

Here on Wikipedia near the bottom of the pages, there's lists of common Japanese fonts for different styles of writing. If you know what OS your target audience might be using (probably Windows :P) you could pick out fonts that are listed to be supported in Windows and use those:


I think it's mostly user preference, you can change the browser default fonts for Japanese to suit you. Here's how you do it in Firefox. But, sorry, I plainly refuse to use Internet Explorer (see http://browsehappy.com) so I can't help there:

Tools > options > content > under 'fonts & colours' click 'advanced'
In the top drop-down box, pick 'Japanese', and edit the fonts to your heart's content :D
User avatar
Posts: 105
Joined: Mon 06.11.2007 5:38 pm
Location: ロンドン、イギリス
Native language: 英語
Gender: Female

Return to General off topic

Who is online

Users browsing this forum: No registered users and 9 guests