Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Feat: Support for writing-mode and text-orientation #101

Open
0NotApplicable0 opened this issue Apr 24, 2023 · 1 comment
Open

Feat: Support for writing-mode and text-orientation #101

0NotApplicable0 opened this issue Apr 24, 2023 · 1 comment

Comments

@0NotApplicable0
Copy link
Contributor

Is your feature request related to a problem? Please describe.
No

Describe the solution you'd like
Support for the CSS processors "writing-mode" and "text-orientation". With these two you can vertically orient each
letter within a word, ex:
image

The CSS and HTML to obtain the above is:
<div style="writing-mode: vertical-rl; text-orientation: upright;">This is a test!</div>

Note that writing-mode will orient the entire text block and then text-orientation will orient the individual letters within.

Describe alternatives you've considered
A current working alternative to this is:
<p style="width:10px;text-align: center;line-height:10px;">T h i s i s a t e s t</p>

Which will render:
image

Not exactly the same but if you are able to separate the letters in each word it sort of works.

@richard-scryber
Copy link
Owner

Hi :-)

I can certainly add this to the project feature list.

Writing mode support is in the pipeline (rtl, vertical, etc.) but it will definitely take a bit of work, and there are a few bits to support.

If a double line break is added between the words, then it can give you an even petter representation. I understand it's a bit of a hack, but could help.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: To do
Development

No branches or pull requests

2 participants