๐ Vertical Text Preview
็ธฆๆธใใฏใๆฅๆฌ่ชใฎไผ็ตฑ็ใชๆ็ซ ใฎๆธใๆนใงใใๅฐ่ชฌใๆฐ่ใ้่ชใชใฉใง2024ๅนดใฎไปใๅบใไฝฟใใใฆใใพใใ
Preview text in real time using CSS vertical writing mode (writing-mode: vertical-rl). Adjust the font size and toggle how numbers and letters are oriented within the vertical layout.
How to use
- Enter the text you want to preview.
- Adjust the font size with the slider.
- Toggle the character orientation (mixed/upright) to see the vertical preview update in real time.
FAQ
What's the difference between "mixed" and "upright"?
"Mixed" rotates numbers and Latin letters 90 degrees to run along the vertical line, while "upright" keeps those characters horizontal while still following the vertical line of text.
Does this render correctly in every browser?
Major modern browsers (Chrome, Firefox, Safari, Edge) support the CSS writing-mode property, but older browsers may not render it correctly.
Can I use this for final typesetting of a novel or article?
It's handy for a quick visual check, but real print or app typesetting usually needs finer control โ line spacing, Japanese line-breaking rules (kinsoku), and more.