MobileRead Forums - View Single Post - How to Control Fonts in SVG Images of Charts and Tables?

MikeWV · 06-14-2014, 11:52 AM

Yes, Dale, the font family is specified in the SVG file for every text element in the file. I opened couple of the SVGs with Notepad++ and looked for a means of specifying the font family universally or forcing the SVG font specification to override the browser/reader default font but struck out.

According to what I read earlier today, applying "font-family: sans-serif" to the parent element should set the font for the SVG. But as I said earlier, it's not working. The parent element is an inline block specified by a CSS class. I tried adding the style to the class but it had no effect. And I tried adding it to the class of the division the inline block is in and within the image tag but neither of them worked either.

I'm going to post my XHTML code and associated CSS for my images. Maybe someone will see something I'm overlooking.

06-14-2014, 11:52 AM	#20
MikeWV Connoisseur Posts: 54 Karma: 10 Join Date: Nov 2013 Device: Kobo Touch	Font Familiy in SVG File Yes, Dale, the font family is specified in the SVG file for every text element in the file. I opened couple of the SVGs with Notepad++ and looked for a means of specifying the font family universally or forcing the SVG font specification to override the browser/reader default font but struck out. According to what I read earlier today, applying "font-family: sans-serif" to the parent element should set the font for the SVG. But as I said earlier, it's not working. The parent element is an inline block specified by a CSS class. I tried adding the style to the class but it had no effect. And I tried adding it to the class of the division the inline block is in and within the image tag but neither of them worked either. I'm going to post my XHTML code and associated CSS for my images. Maybe someone will see something I'm overlooking.