Kobo CSS problem when mixing LTR and RTL in html

Patrick V · 02-10-2022, 05:58 AM

Hi,

When you need to mix LTR and RTL directions, for example to insert arabic words in english sentences, recommendation is to use the <bdi> tag. (see f.e. https://stackoverflow.com/questions/...r-text-in-html)

This works great in the Sigil previewer, but not on the Kobo (H2O in my case).

Is there a way to make it work correctly or a workaround ?

Thanks,

Patrick

DNSB · 02-10-2022, 11:36 AM

Are you reading in epub or are you converting to kepub before sending to your Kobo. <bdi> is only in HTML5 which means you need an epub3 ebook and a renderer that is epub3 capable.

OTOH, you are using direction in your CSS which is deprecated and will be flagged as an error by epubcheck in an epub3 ebook. Epub3 uses dir, bdi and bdo instead.

02-10-2022, 05:58 AM	#1
Patrick V Junior Member Posts: 8 Karma: 10 Join Date: Sep 2019 Device: Kobo Aura H2O	Kobo CSS problem when mixing LTR and RTL in html Hi, When you need to mix LTR and RTL directions, for example to insert arabic words in english sentences, recommendation is to use the <bdi> tag. (see f.e. https://stackoverflow.com/questions/...r-text-in-html) This works great in the Sigil previewer, but not on the Kobo (H2O in my case). Is there a way to make it work correctly or a workaround ? Thanks, Patrick

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Changing the page progression direction from rtl to ltr for multiple epubs	Bilal93	Conversion	3	04-21-2019 04:25 AM
Changing the page progression direction from rtl to ltr for multiple epubs	Bilal93	Introduce Yourself	1	04-18-2019 11:20 AM
problem linking css to html	rosshalde	ePub	4	11-03-2014 07:23 PM
Minor HTML/CSS problem	AlexBell	Marvin	3	01-25-2014 10:46 PM
Fighting CSS Problem in HTML to MOBI Conversion	boywondr16	Conversion	6	04-03-2013 09:51 AM

02-10-2022, 11:36 AM	#2
DNSB Bibliophagist Posts: 44,662 Karma: 168431851 Join Date: Jul 2010 Location: Vancouver Device: Kobo Sage, Libra Colour, Lenovo M8 FHD, Paperwhite 4, Tolino epos	Are you reading in epub or are you converting to kepub before sending to your Kobo. <bdi> is only in HTML5 which means you need an epub3 ebook and a renderer that is epub3 capable. OTOH, you are using direction in your CSS which is deprecated and will be flagged as an error by epubcheck in an epub3 ebook. Epub3 uses dir, bdi and bdo instead.

Advert