Right-to-Left Workskin
Apr. 1st, 2013 06:59 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png){kind=small}
samjohnsson posting in ![[community profile]](https://www.dreamwidth.org/img/silk/identity/community.png){kind=small}
ao3someOne of the Support requests we've had a couple times recently is true r-t-l support for languages such as Hebrew and Arabic. While we're looking for easier ways to do it, we've currently got a workaround that you can use on any text-based work you post.
To make yourself a workskin:
1) Log in.
2) Go here: archiveofourown.org/skins/new (you can reach that link by going to your Home, then clicking Skins, then the ‘New Skin’ button).
3) Change the Type to ‘Work Skin’ (this step is very important).
4) Write in a title you will recognize and a description.
5) Copy and paste the following into the CSS box:
Then make sure you select the skin when posting a work in a rtl language, in the ‘Custom Stylesheet’ dropdown, and use
<div class="rtl">TEXT</div>
around your text (you can change “rtl” to anything, as long as you change it in both places: your skin and your text).
The skin should:
* set the directionality for the document to RTL
* replace the font with Guttman David, and fall back to Arial if the reader doesn't have GD. (Chosen for the example as it's one of the more consistent Hebrew fonts, according to our respondents.) Watch out that you don't get "smart" quotes around the font names.
If you have any questions, leave them here or give us a shout at the Support page!
To make yourself a workskin:
1) Log in.
2) Go here: archiveofourown.org/skins/new (you can reach that link by going to your Home, then clicking Skins, then the ‘New Skin’ button).
3) Change the Type to ‘Work Skin’ (this step is very important).
4) Write in a title you will recognize and a description.
5) Copy and paste the following into the CSS box:
#workskin #chapters .userstuff .rtl {
font-family: "Guttman David", Arial;
unicode-bidi: embed;
direction: rtl;
}Then make sure you select the skin when posting a work in a rtl language, in the ‘Custom Stylesheet’ dropdown, and use
<div class="rtl">TEXT</div>
around your text (you can change “rtl” to anything, as long as you change it in both places: your skin and your text).
The skin should:
* set the directionality for the document to RTL
* replace the font with Guttman David, and fall back to Arial if the reader doesn't have GD. (Chosen for the example as it's one of the more consistent Hebrew fonts, according to our respondents.) Watch out that you don't get "smart" quotes around the font names.
If you have any questions, leave them here or give us a shout at the Support page!
no subject
Date: 2013-09-09 01:52 am (UTC)no subject
Date: 2013-09-09 01:53 am (UTC)no subject
Date: 2013-09-09 03:49 am (UTC)dir="rtl"property to the parser, and to add an RTL button to the Rich Text Editor. I'm not sure when exactly it will get pulled, tested, and released, but it's coming.no subject
Date: 2013-09-09 03:51 am (UTC)I don't know any RTL languages, but this is cool.
no subject
Date: 2013-09-09 04:00 am (UTC)no subject
Date: 2013-09-09 04:03 am (UTC)