w3c / type-samples

A place to find and contribute examples of typographic features in text, especially from non-Latin scripts. Please read the instructions below before contributing images or comments. Use this link to find items πŸ‘‡
https://w3c.github.io/type-samples/
22 stars 10 forks source link

khmr km book vertical-text #122

Open xfq opened 7 months ago

xfq commented 7 months ago

khmer


tag: vertical-text Khmer text run vertically on book spines. The text is read from top to bottom. source: Photo by Li Shuxin

r12a commented 7 months ago

I think the direction is actually top to bottom.

patchew commented 7 months ago

This is actually horizontal, like English titling (top downward, left to right; as opposed to French titling, which is bottom upward). There's no turning of characters (or character clusters), like one could find in English:

V
e
r
t
i
c
a
l

The middle book has ហម αž†αžΆαž™αž›αžΈ rotated 90ΒΊ clockwise.

xfq commented 7 months ago

I think the direction is actually top to bottom.

Sorry, I made a mistake. I have updated the description above.


This is actually horizontal, like English titling (top downward, left to right; as opposed to French titling, which is bottom upward). There's no turning of characters (or character clusters), like one could find in English:

This depends on how you understand it. Vertical writing mode means that the direction in which characters progress is from top to bottom (or from bottom to top), but the orientation of each character (CSS text-orientation) may be upright or sideways.

The middle book has ហម αž†αžΆαž™αž›αžΈ rotated 90ΒΊ clockwise.

Indeed.

r12a commented 7 months ago

I thought i'd already left a comment similar to that of @patchew but i don't see it here. I agree with him that this is actually horizontal text that is rotated clockwise as a block to make a book sleeve. You would use writing-mode:sideways-xx to achieve this, rather than writing-mode:vertical-xx, which is what's used when letters generally sit upright and embedded non-CJKM text is embedded alongside them.

What you're seeing here is no different from what we do in English, or here French books. There are no special techniques involved in producing the text other than to rotate the block (ie. not the letters or text). I do note, however, that this nicely shows how spine text in French usually goes from bottom to top, whereas in English (and it seems, Khmer) books it usually runs top to bottom.