View Single Post
Old 08-21-2014, 05:30 PM   #7
honneyStewPew
Junior Member
honneyStewPew began at the beginning.
 
Posts: 2
Karma: 10
Join Date: Aug 2014
Device: Aura HD
Quote:
Originally Posted by fxp33 View Post
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
Is there a way to manually edit the css?
honneyStewPew is offline   Reply With Quote