View Single Post
Old 12-16-2013, 05:30 AM   #1
fxp33
Addict
fxp33 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.fxp33 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.fxp33 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.fxp33 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.fxp33 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.fxp33 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.fxp33 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.fxp33 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.fxp33 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.fxp33 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.fxp33 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.
 
Posts: 262
Karma: 110864
Join Date: Mar 2013
Location: Bordeaux, France
Device: Kobo Glo, Aura HD, kindle paperwhite
Vertical text : asian characters unturned

Hi,

Doing some testing I used the writing-mode property of css to display japanese characters vertically.

It worked for the alignment but unfortunately, the asian characters are turned 90 degrees.

Sigil 0.7.4 and Calibre viewer 1.15:
- text displayed vertical
- asian characters on the side
- latin characters on the side

Chrome 31 and IE10:
- text displayed vertical
- asian character displayed normally
- latin characters displayed on the side
(IE10 needs : writing-mode:tb-rl instead of writing-mode:vertical-rl)

Firefox 25
writing-mode doesn't work anyway.
The rotation below applies to the characters:
-moz-transform: rotate(90deg);

Here is the stylesheet I used
Code:
body {
  writing-mode:tb-rl;
  -epub-writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  line-break: normal;
  -epub-line-break: normal;
  -webkit-line-break: normal;
}

The good news is that it finally displayed fine on my Kobo Glo reader 3.1.1 (using jgoguen plugin).

François
Attached Thumbnails
Click image for larger version

Name:	Chrome31_VerticalJapOK.png
Views:	805
Size:	6.8 KB
ID:	116761   Click image for larger version

Name:	IE10_verticalJapOk.png
Views:	570
Size:	19.6 KB
ID:	116762   Click image for larger version

Name:	Sigil074_verticalJapUnturned.png
Views:	650
Size:	21.0 KB
ID:	116763   Click image for larger version

Name:	Sigil074_VerticalJapUnturned2.png
Views:	623
Size:	27.1 KB
ID:	116764   Click image for larger version

Name:	Calibre115_verticalJapUnturned.png
Views:	693
Size:	14.9 KB
ID:	116766  
Attached Files
File Type: epub AgakureJap.epub (103.8 KB, 340 views)
fxp33 is offline   Reply With Quote