View Full Version : When I put two different fonts on one page, they don't show up on the iPad.


krausj
06-15-2013, 08:42 AM
I installed Cambro and Woodprint fonts into my epub, and created two different text classes. When I look at the xhtml document in my web browser everything looks fine, but when I look at the epub on my iPad, both texts have turned into another font. below are pictures. Anyone know what's going on?

My css setup
http://i.imgur.com/IrDomAf.png

how it looks in web browser
http://i.imgur.com/wdIHRzA.png?1

how it looks on iPad
http://i.imgur.com/6KOCRjQ.png?1

mrmikel
06-15-2013, 10:02 AM
Are the two fonts resident in your ipad? They probably are on your computer which is why they show up in the browser. If they are not in your ipad, then it will do its best to find something similar.

You can embed the fonts, but it bloats the file. I am not familiar with the font names, but if they are not open source, you may have to pay an arm and a leg for the right to embed them in an epub.

theducks
06-15-2013, 10:45 AM
What are the corresponding @font entries
and as mrmikel points out $$ (for every font-face used. could be <=4.)

DaleDe
06-15-2013, 12:50 PM
For iBooks you have to include a special file for it to recognize embedded fonts. See iBooks in our wiki. I have no idea if this is your problem as you don't say what eBook reader you are using on your iPad.

Dale

JSWolf
06-19-2013, 10:12 AM
I installed Cambro and Woodprint fonts into my epub, and created two different text classes. When I look at the xhtml document in my web browser everything looks fine, but when I look at the epub on my iPad, both texts have turned into another font. below are pictures. Anyone know what's going on?

You have to stop saying iPad when you mean a specific app. The iPad does work with ePub. But, you do need to learn that iPad is the device and not the app. So please don't use iPad when you mean the name of an app.

JSWolf
06-19-2013, 10:13 AM
For iBooks you have to include a special file for it to recognize embedded fonts. See iBooks in our wiki. I have no idea if this is your problem as you don't say what eBook reader you are using on your iPad.

Dale

That poor partial screen grab is from iBooks.

However, if Bluefire Reader was used, then things would work as is if the fonts are properly embedded.

DaleDe
06-19-2013, 10:37 AM
That poor partial screen grab is from iBooks.

However, if Bluefire Reader was used, then things would work as is if the fonts are properly embedded.

Yes, I saw from the screen grab that iBooks was the likely device. Like many users the OP equates iPad and iBooks even though they are not the same. However, I was trying to fix the problem based on his symptoms.

Dale

JSWolf
06-20-2013, 09:26 PM
Yes, I saw from the screen grab that iBooks was the likely device. Like many users the OP equates iPad and iBooks even though they are not the same. However, I was trying to fix the problem based on his symptoms.

Dale

And I was pointing out that it's a really bad idea to use iPad interchangeably with iBooks as they are not the same.

Also, given that we don't see the rest of the code (in the CSS) needed for embedding fonts, there's nothing we can do until we do.

krausj
06-21-2013, 05:20 AM
Yep I'm using iBooks. Sorry to equate the two. So there is a way to make these fonts show up in iBooks?

Toxaris
06-21-2013, 09:57 AM
Do you have the @font-face in the stylesheet? Do you have the special iBooks file in the ePUB?

krausj
06-22-2013, 07:49 AM
I do have the @font-face in all the stylesheets and I also have the com.apple.ibooks file

theducks
06-22-2013, 11:08 PM
I do have the @font-face in all the stylesheets and I also have the com.apple.ibooks file

You used the word the, 2 fonts...2 @fonts
remember case sensitive file names (and extensions)

Toxaris
06-23-2013, 01:50 AM
Can you show us the @font-face declaration you have in your stylesheet? We need all relevant info.