W3C home > Mailing lists > Public > www-style@w3.org > June 2010

examples of Latin text and numerals in Japanese text layout

From: John Daggett <jdaggett@mozilla.com>
Date: Thu, 3 Jun 2010 22:53:14 -0700 (PDT)
To: www-style <www-style@w3.org>
Message-ID: <977660430.348197.1275630794061.JavaMail.root@cm-mail03.mozilla.org>

I scoured the office here and dug up a few examples of Latin text and
numeral variations in Japanese publications.

Example 1. Report on Nikkei stock average
Nikkei Keizai Shinbun, 2 June 2010, Afternoon Edition, p.1

This article is interesting because it shows some of the variations in
inline horizontal display of numerals.  The text in the red box notes
that the yen/euro rate is 90 yen / euro.  "90" is drawn inline using
half-width glyphs. Within the same box the yen/dollar rate is noted as
111 yen / dollar.  The "111" value is displayed vertically.  Contrast
with the headline (orange box) where "100" is drawn horizontally using
third-width glyphs.  The Euro, written as yu-ro in Japanese, is shown
both using full-width glyphs and in a ligated form within the "1 yuro
= 111 yen" string.  I'm not positive but I believe this is the
vertical form of this ligature, the horizontal ligature form is

Also note how 0.65% is displayed (green box), the nakaguro character
is used instead of a decimal point.  The 5 in "65" is drawn with a
half-width glyph, distinct from the full-width glyph (blue box).

Example 2. Article on Cellphones in India
Nikkei Keizai Shinbun, 2 June 2010, Afternoon Edition, p.1

Note how the main title appears horizontally while the subtitle is
shown vertically.  The date "May 19" (red box) uses a full-width 5 and
half-width glyphs for 1 and 9.  The date "11/2009" (orange box) is
rendered vertically with full-width glyphs.  The Japanese cellphone
company NTT Docomo (green box) is displayed vertically.

Example 3. Article on airplane iPad rental
Nikkei Keizai Shinbun, 2 June 2010, Afternoon Edition, p.3

Note how "iPad" is rendered ever so slightly differently, the vertical
version uses a font whose glyphs are slightly wider than square.  The
horizontal version uses a font with square glyphs.  The string "770
yen" also appears both horizontally and vertically.  The vertical
version of "770 yen" uses full-width glyphs while the horizontal
version uses half-width glyphs.

Example 4. Article on Bike Day in U.S.
Nikkei Keizai Shinbun, 2 June 2010, Afternoon Edition, p.3

This shows text laid out horizontally.  Note how numbers are displayed in the 
red box, single digits are shown with full-width numerals, longer numbers using 
half-width glyphs.

Example 5. Article on iPad plans
MacFan, July 2010, p.30

The string "iPhone" (red box) is rendered vertically while
"i.softbank" (green box) is rendered at 90 degrees.  Many
computer-related magazines primarily use horizontal text but this
magazine uses primarily vertical text layout.  Several of my Japanese
collegues noted "mizurai" or "hard to read", all the costs and sizes
(e.g. 100MB) are hard to read in this format.

Example 6. Article on CSS3 Web Fonts (yay!)
WebDesigning, April 2010, p66

Since it uses many long Latin strings, this magazine primarily uses
horizontal text layouts.  Things like "Fonts Module Level 3" (yay!)
get hard to read in vertical text layout.

Example 7. Article on Steve Jobs and the iPad
AERA, 7 June 2010, p.26

I scanned this in because it shows how vertical and horizontal text
layout are often combined.  The main body of the article is vertical,
the captions and sidenotes horizontal.

John Daggett
Mozilla Japan
Received on Friday, 4 June 2010 05:53:48 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:38:36 UTC