Forum Discussion
Right to left language In Rise
Hi guys,
I'd like to give credit to my friend and co-worker Lior – he's the one who actually did what I've bragged about before – making rise work RTL, and he's been so kind and shared how he did it:
In the index.html file, he changed the <HTML> tag from this:
<html lang="en" class="">
to this:
<html lang="he" class="" dir="RTL">
("he" sets the language to Hebrew, and "rtl" sets the direction right to left)
That took care of the direction of the text.
Next he changed the font to one that looks better with Hebrew text, using the <STYLE> tag that appears further on in the file.
This is what the original looks like:
.brand--head, .brand--head * { font-family: Open Sans !important; }
.brand--body, .brand--body * { font-family: Open Sans !important; }
.brand--lhead, .brand--lhead * { font-family: Open Sans !important; }
.brand--lbody, .brand--lbody * { font-family: Open Sans !important; }
.brand--ui, .brand--ui * { font-family: Lato !important; }
.brand--beforeHead:before { font-family: Open Sans !important; }
.brand--afterHead:after { font-family: Open Sans !important; }
And this is Lior's version:
.brand--head, .brand--head * { font-family: Arial, Helvetica, sans-serif !important; }
.brand--body, .brand--body * { font-family: Arial, Helvetica, sans-serif !important; }
.brand--lhead, .brand--lhead * { font-family: Arial, Helvetica, sans-serif !important; }
.brand--lbody, .brand--lbody * { font-family: Arial, Helvetica, sans-serif !important; }
.brand--ui, .brand--ui * { font-family: Arial, Helvetica, sans-serif !important; }
.brand--beforeHead:before { font-family: Arial, Helvetica, sans-serif !important; }
.brand--afterHead:after { font-family: Arial, Helvetica, sans-serif !important; }
I'm attaching these instructions in color (it's more clear)
Hope you find this helpful
And thank you Lior!
- DanitIsaacs8 years agoCommunity Member
Hi guys,
Something important I've left out it the post above - if you're using a language that's not supported by the default font used by Rise,
you must add the font file to the directory: lib\fonts
and of course, you must change the index.html file accordingly... - faizafaalharbis5 years agoCommunity Member