Quote:
Originally Posted by MikeWV
I have used embedded fonts inside <text> tags in some of my SVG images, some of which contain a lot of text. I'm sure I've done it properly, as the specified fonts are displayed in ADE. However, neither Kobo PC, Kobo Android or my Kobo Touch with firmware version 3.3.0 display the specified embedded fonts. (I'm viewing them as .kepub.epub.)
The fonts are in the "fonts" folder in my OEBPS, are included in the manifest and are declared in the <defs> of the SVG image files as follows:
<style type="text/css"><![CDATA[
font-face {
font-family:font-name;
src: url(../fonts/font-name.ttf);
}
]]></style>
For .kepub.epub, the Kobo software defaults to a sans-serif font for all embedded fonts, be they serif or sans-serif, and for the default serif font, i.e., if I use font-family:serif, I get a sans-serif font. For plain .epub, it defaults to a bold sans-serif font.
As .epub, I was better off with version 2.4.2 on my Touch, at least the font wasn't bold. Neither version of the firmware can handle rotated text in .ebups. However, rotated text is displayed properly in all three (PC, Android and Touch) using .kepub.epub.
Kobo says "SVG is partially supported across Kobo platforms," so I suppose that embedded fonts may be something they don't support. Does anyone know if that is the case and if so, if there is a work-around?
|
In principle, it seems you did it all ok, but do the try with the following declaration:
Code:
<defs>
<style type="text/css">
<![CDATA[
font-face {
font-family: "FontName";
src: url("../fonts/FontName.ttf");
}
]]>
</style>
</defs>
As you can see, I only added quotes and suppressed a dash in the font name (and also added quotes in the path). Sincerelly, I don't think that that will fix your issues but you won't lose anything by trying it
Regards