MobileRead Forums - View Single Post - How to refer to stylesheet (font-face) from svg?

bendtherules · 07-06-2021, 03:52 PM

In my source .azw3 file, there are some svg files starting with header `<?xml-stylesheet href="../styles/0001.css" type="text/css" ?>`. But after conversion to epub/mobi, this header is removed in the output. Is that invalid xml which only kindle supports?

Usecase -
Inside `0001.css`, it uses a special font-face for svg text tags using `text {font-family: "Diagram";}` and embeds that font. So, effectively that svg (chess diagram) is rendered properly with this Diagram font.
Is there some way to do this in epub/mobi? In short, I want to change font-face for text elements within svg.

(I can share these css, svg files if required but attaching those formats directly isn't allowed in the posts)

07-06-2021, 03:52 PM	#1
bendtherules Junior Member Posts: 6 Karma: 10 Join Date: Jul 2021 Device: Kobo Aura One, Kindle android	How to refer to stylesheet (font-face) from svg? In my source .azw3 file, there are some svg files starting with header `<?xml-stylesheet href="../styles/0001.css" type="text/css" ?>`. But after conversion to epub/mobi, this header is removed in the output. Is that invalid xml which only kindle supports? Usecase - Inside `0001.css`, it uses a special font-face for svg text tags using `text {font-family: "Diagram";}` and embeds that font. So, effectively that svg (chess diagram) is rendered properly with this Diagram font. Is there some way to do this in epub/mobi? In short, I want to change font-face for text elements within svg. (I can share these css, svg files if required but attaching those formats directly isn't allowed in the posts)