I made a simple text svg for my cover image and it displays as expected in the calibre ebook viewer and in Sigil's preview window and in Microsoft Edge (Windows 10 browser).
On the Kobo in the list of books it shows the svg cover as the thumbnail. But when I open the book it shows the box I drew but the text that's inside it doesn't show.
It's an epub3, and I'm using the Kobo Touch Extended driver so it arrives on the Kobo as a kepub.
The book is uploaded here:
https://www.mobileread.com/forums/sh....php?p=3849878
Here's the cover page:
Code:
<body>
<div style="text-align: center; padding: 0pt; margin: 0pt;">
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="90%" height="90%" viewBox="0 0 700 700" preserveAspectRatio="xMidYMid meet">
<rect width="100%" height="100%" fill="#f4f4f4" stroke="#111" stroke-width="6"/>
<text x="110" y="220" font-size="40" font-weight="bold">The Treasure of the Ice</text></svg>
</div>
</body>