Math Epub

[snowbb451]

Hi,

I'm using sigil to create a ebook about geometry. Because of a lack of character, for symbols like \triangle \angle etc. I have to use png's. The issue I am having is that Sigil automatically places a space between the symbol image and the text after it.

I am somewhat new to html and epub, but I have a strong background in LaTeX. Is there anything I can place between the png and the text after it, to get rid of the space?

Thanks.

[amoroso]

In case you are interested, ePub supports SVG images, and the popular Inkscape SVG editor can also render TeX code.

[capidamonte]

Are you generating specific pics, or are you trying to use general symbols? If general, unicode supports a lot of mathematics symbols -- try using Character Map to find the ones you need, and embed the font you like in the document itself so there won't be any missing symbols.

[snowbb451]

I'm using general symbols, because certain symbols would show up as working in sigil, but onced view with an iPad or adobe digital editions, the symbol would appear as a question mark. So I had to replace ⧍ with a png because it wouldn't show up in readers, and I had to replace Ɵ because it would not allow me to italicize it.

I haven't tried to use svg's. Will a svg resize on a reader?

[capidamonte]

Depends on the Reading System. Others will have to answer to that specifically -- I'm currently between readers, and haven't ever owned the most popular ones.

I assume that Sigil is properly naming the code page. So the iPad and ADE aren't unicode-capable? That, while not shocking given the disregard with which our corporate overlords do things, does surprise me a little. I think you would almost have to go out of your way these days to disable unicode.

For the PNG spacing: I just tried it with a simple paragraph, and I don't have a space at all. Could you share a small snippet of code?

[Valloric]

Originally Posted by snowbb451

I'm using general symbols, because certain symbols would show up as working in sigil, but onced view with an iPad or adobe digital editions, the symbol would appear as a question mark. So I had to replace ⧍ with a png because it wouldn't show up in readers, and I had to replace Ɵ because it would not allow me to italicize it.

Originally Posted by capidamonte

I assume that Sigil is properly naming the code page. So the iPad and ADE aren't unicode-capable? That, while not shocking given the disregard with which our corporate overlords do things, does surprise me a little.

This has been covered to death.

Font embedding saves the day for RS's that support it (iPad doesn't).

[JSWolf]

Originally Posted by Valloric

This has been covered to death.

Font embedding saves the day for RS's that support it (iPad doesn't).

Actually, that's incorrect. The iPad does indeed support ePub with embedded fonts. The txtr app has an iPad version now that uses ADE and thus allows font embedding. So just don't use iBooks and use txtr instead.

[snowbb451]

Unfortunately, everything I make needs to be able to show up in iBooks on the iPad.

I have tried just having no space, between the picture and text, but sigil will automatically replace the space. here's what the code looks like for ⧍ABC

.calibre1 {
    height: auto;
    width: auto;
	border-width: 0px;
	border-style: none;
	white-space: nowrap;
	padding: 0
	}

.ecbx {
    font-weight: bold
        }

<img alt="" class="calibre1" src="../Images/triangle.png" /> <span class="ecbx">ABC</span>

Removing the space does achieve the desired result, but sigil keeps putting the space back.

[jharker]

One thing you might try -- don't know if this will work, but it's worth a shot. Add a negative right margin declaration like so:

.calibre1 {
    height: auto;
    width: auto;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0;
    margin: 0 -0.5em 0 0;
    }

...or something similar. This should close that space gap.

To auto-resize an image, you could try specifying the size of the image in units of em. So:

.calibre1 {
    width: 1.2em;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0;
    margin: 0 -0.5em 0 0;
    }

I haven't tried either of these in practice, so I'm curious to know if they will work. Please let us know!

[snowbb451]

The Negative margins worked great. I really don't have an issue with the way the png are showing up, because I have them about the median size of the range of font sizes a reader device can use.