While I’m not adverse to a total ban on smoking in Japan, entering a pub where no one is smoking was kind of strange. I haven’t been back to the UK since the smoking ban was enforced, so I had no idea what it was like.

You can smell all sorts of new and exciting smells, like; wood, beer and sweat.

Needless to say I gave up after one pint and got a drink at my local where all the normal people were.

Many foreign designers in Japan are faced with the un-easy task of formatting Japanese text for bi-lingual or solely Japanese language based websites. By rule we should already understand such principals before embarking, but the rule in this case is far from the norm.

So I shall dish out my limited advice and things I have learned over the years.

0. accessibility.

The reason I list this as “0” is because this should be a given. Using Flash or Images for fonts or (shudder) bodies of text is a no-no. Although any modern web designer worth his or her salt should know this already.

1. Forget windows.

Ignoring the largest user base? In a nutshell, windows is terrible for fonts. That’s why the majority of designers here in Japan use Mac. Windows comes with two Japanese fonts, a serif and a sans serif. That doesn’t leave much room for creativity, especially when the Latin alphabet on the net is doing so well. We have plenty of base English fonts to chose from these days, in part that is helping web2.0 look, web2.0, because they or their variants are installed on both windows and os x by default.
The Macintosh on the other hand has six base Japanese fonts installed, and the two that windows comes with, including variants. Vista is changing things slightly, with it’s new font XXX, which isn’t listed below (because I don’t know what it is).
The bottom line is that windows will never render fonts with the beauty of Mac os x. So this article is mostly for mac users and the options available to us, while safely degrading to windows.

2. Serif & Sans-Serif.

Now that we are forgetting windows to retain relative beauty, here are the fonts one can use on the web, with serif and sans-serif listed accordingly:

3. Firefox vs Safari.

If you were to open illustrator, write something in Japanese, chose a font size and font face, chances are if you programmed the same thing in CSS it would look identical in Safari. Firefox on the other hand renders things totally differently, so careful massaging to make things look right is required. Here are the CSS font names for each browser accordingly:

As you can see, getting that all important Helvetica / arial bold companion to work is a little tricky.

4. How to write the CSS:

In this example, I’ll show you how to cater for Safari and Firefox, using the same font (yes they have to call the same font in different ways). This is a header, with arial Bold being the respective Latin alphabet font:

The last two fonts on that list are catering for windows, as it doesn’t have a bold Japanese font or Helvetica. It will choose MS-Gothic and use Arial for the any English text, instead of MS-gothic’s ugly condensed mono-space. Notice how I’m calling “W6” although it’s not on the list of fonts above. Fortunately one can specify weights for Safari.

5. Font size and line height.

Getting user feedback is crucial for understanding what is actually readable on the web. In recent years the 100% font size of 1em has become the accessibility norm. We designers have grown out of our illegible 9 pixel fonts and embraced large text on the web. It’s all very well for the Latin alphabet, it looks nice. Japanese text on the other hand looks childish when set to 100%. In fact the average Japanese reader prefers something a little smaller.
Line heights are another thing to consider, make sure you have a line spacing at least 50% of the height of your font. Internet explorer will also give you shorter line heights so it’s worth writing and extra style hack for this.
At the end of the day, it’s a judgment call. Ask a few people for feedback. Sometimes big works.

6. Suggested reading.

My only advice here is pick up Japanese magazines and read read read. How are we ever to understand how Japanese text works without actually reading it? My favorite magazines for this have to be “イアヂア” and “Brutus”. They offer regular insight to how designers write, and how they understand and use information. Which essentially what we are dealing with; the internet is information.

In closing.

Many people ask me why do Japanese websites suck so badly? The answer is not complex; by modern standard most Japanese websites fail on accessibility and standards. This is because web browsers are not built for Japanese text, so designers shove everything into flash or images to give them greater control. I am here to change things. To educate. That’s why I continue to make Japanese language websites that validate. There is hope on the horizon, in the form of CSS3 – but when and if that happens, well lets just say I’m not holding my breath.

Of course I am not infallible, so there will be times when none of this works. Many thanks to Erik Johansson.

• 01. 私「わたし」”watashi”. (formal, female japanese)
• 02. 私「わたくし」”watakushi”. (formal)
• 03. 僕「ぼく」”boku”. (male japanese, childs japanese)
• 04. 俺「おれ」”ore”. (male japanese, from boss or elder)
• 05. 拙者「せっしゃ」”sesha”. (samurai)
• 06. わたれ “wataru”. (not sure about this one, may have it wrong, childs japanese)
• 07. 自分「じぶん」”jibun”. (one’s self, myself, in person)
• 08. うち “uchi”. (one’s self, formal)
• 09. 自身「じしん」”jishin”. (ones, formal)
• 10. 自ら「みずから」”mizukara”. (one’s self, in person)
• 11. 自我「じが」”jiga”. (one’s self)

I’m convinced there are a lot more out there, with regional dialects and so on.

• All night game centers were closed. Game centers now close at midnight
• Tabacco vending machines close at 11pm
• Beer vending machines are totally removed
• smoking is banned in busy places like shibuya (although no one cares)
• PSE law comes in to ban consumer electronics over 5 years old
• traffic law comes in to ban slinging your bike anywhere you please

So I guess next it will be a ban on smoking in public places, including bars and resturants. This will be a hard ban to get through parliment but it will go through sooner or later. It’s shame really because I only just started smoking again this year, and if the ban was implemented last year I wouldn’t have given a monkeys.
Still, I would welcome it, I would have to change my routine. Fags are so cheap here, at just 270yen a pack. That’s about 1 pound 25 pence.

I may end up moving to the countyside… actually that doesn’t sound so bad.

• Original Sega Dreamcast (water cooled version, salary man box)
• Sega DC Karaoke machine (slots in under the console, has Sega Microphone and 16,000 songs!)
• Dreameye (dreamcast webcamera)
• 3 controllers
• Seaman microphone
• Seaman VMU
• keyboard, mouse
• Samba De Amigo unit (amazingly it only cost 1000 yen / 5GBP $10!! This thing would cost you hundreds on ebay)
• Some games

I’m considering picking up a Saturn, but I’m not sure it’s worth it. The only game I’d want to play on that system is Panzer Dragoon.

On monday I’m going to pick up some NES and SNES things, just incase. All these goods are fairly common right now, but will become very scarce in just a few days, limiting their sale to overseas only, and even such giants as Yahoo Auction (the ebay of Japan) will enforce a ban on listing “fire hazzard” goods. Fire hazzard my arse.

If you know of any Dreamcast goods that I haven’t picked up, do tell. To my knowledge I’ve only missed out the Steering Wheel unit (I already have DC sticks and VirtuaOn sticks)