08-24-2018, 09:13 AM | #16 | |
Wizard
Posts: 1,542
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
The other option you have (and I utilized it sometimes), is to use tables to display a chess board. You only need a few images for pieces (six for White and six for Black) and to color (with .css) each square of the table accordingly. Of course you don't need to do that by hand; there are free programs that export chess boards as tables; your only work is to paste the generate code in your ebook. |
|
08-25-2018, 12:00 PM | #17 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
Personally I think I would use SVG images for the diagrams. Those are generally supported and can be scaled together with the fonts.
|
08-25-2018, 01:12 PM | #18 |
Wizard
Posts: 1,542
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
The problem here is the OP wants the diagram is showed in the Amazon online reader ("Look Inside") and as that reader only supports the KF7 format, then svg images are not an option The only way KF7 shows diagrams is by using .gif/.bmp images (quite heavy with lot of diagrams) or tables.
|
08-27-2018, 04:54 PM | #19 | |
Bookmaker & Cat Slave
Posts: 11,462
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
Quote:
Hitch |
|
08-31-2018, 11:16 AM | #20 |
Guru
Posts: 668
Karma: 929286
Join Date: Apr 2014
Device: PW-3, iPad, Android phone
|
A couple of points:
this plugin: CSSfromfonts creates all the CSS to define the fonts in the files you have imported. As for diagrams, for chess diagrams I'd use GIFs which are perfectly sharp. PNG is better, but is not supported in Kindle, (PNG gets converted to GIF or JPEG and made larger and blurrier in the process), so I just use GIF for diagrams, maps, etc. After making a diagram in whatever you use, I use Irfanview to covert to GIF and reduce the colour depth. For most b/w linework 4 bits is sharp but has a couple of greys to antialias curves. Two bits has jaggies. It's roughly 1/5th the size of a 256 colour image. Irfanview can be batched to convert a folder of images to GIF at 4 bits. |
09-03-2018, 06:12 PM | #21 | |
Member
Posts: 14
Karma: 10
Join Date: Aug 2018
Device: none
|
Quote:
|
|
09-05-2018, 05:57 PM | #22 | |
Wizard
Posts: 1,542
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Quote:
|
|
09-05-2018, 08:56 PM | #23 |
Member
Posts: 14
Karma: 10
Join Date: Aug 2018
Device: none
|
Its a board with a white king on a1 and a black king on h8.
<html xmlns='http://www.w3.org/1999/xhtml'> <head><title>chess</title> <link rel='stylesheet' type='text/css' href='styles.css'> </head> <body> <table class='center' border=0 cellpadding=0 cellspacing=0><tbody> <tr><td><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp> <img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/bk2.jpg alt=cp></td> </tr><tr><td><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp> <img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp></td></tr> <tr><td><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp> <img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp></td></tr> <tr><td><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp> <img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp></td></tr> <tr><td><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp> <img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp></td></tr> <tr><td><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp> <img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp></td></tr> <tr><td><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp> <img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp></td></tr> <tr><td><img src=pieces/wk2.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp> <img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp><img src=pieces/b.jpg alt=cp><img src=pieces/w.jpg alt=cp></td></tr> <tr><td></td></tr></tbody></table></body></html> in styles.css I have been experimenting with different styles. Do I need a doctype at the top? table { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .center { margin-right: auto; margin-left:auto } |
09-05-2018, 10:28 PM | #24 |
A Hairy Wizard
Posts: 3,094
Karma: 18727053
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
If you have a device that supports nth-child selectors you can make this reeeally easily...
Spoiler:
If you don't, then you can use your technique, but make sure you have the proper quotation marks around the src="pieces/b.jpg" alt="" (you don't need alt=cp). You can get rid of any styling in the table itself. Simply give it a class and then put the proper (to your taste) styling in the linked stylesheet. See example for possible css. Cheers, edit: I think your extra lines came from the spaces (line breaks) you had between the <img> tags. Last edited by Turtle91; 09-05-2018 at 10:37 PM. |
11-24-2018, 03:09 AM | #25 |
Member
Posts: 14
Karma: 10
Join Date: Aug 2018
Device: none
|
I am still struggling with this.
I have an ongoing issue with look inside not walking for some books. The strange think is I had 5 similar books with graphics all done done in the same way,. I use tables in html to display images. Sometimes it works fantastically, in others the rows have a large gap between them. I added this style to tables: table{ line-height: 1px; } It helps, but not in all cases. |
11-24-2018, 07:56 AM | #26 |
A Hairy Wizard
Posts: 3,094
Karma: 18727053
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 11/X/6/iPad 1,2,Air & Air Pro/Surface Pro/Kindle PW & Fire
|
"I think your extra lines came from the spaces (line breaks) you had between the <img> tags."
...at least in the example you showed before... once those spaces were removed there wan't any problem for me. Check that there are no spaces or line-breaks within your table. |
11-24-2018, 10:36 AM | #27 | |
Bookmaker & Cat Slave
Posts: 11,462
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
Quote:
IME--and yes, I know that this doesn't make sense--you can get very different end results in loading an ePUB to KDP, versus loading a MOBI that you already built from that ePUB. I know, I know, that shouldn't be the case, but, for example, for a 2-year period, we had to build MOBIs and thence load them to the KDP, or the embedded fonts wouldn't work correctly. Or, we had to unzip an ePUB, put it into its constituent parts in zipped folders, and load THAT to the KDP, to get the fonts to "take." Embedded fonts and font manipulation at the KDP is alchemy, prayer, and luck. Yes, yes, there's some skill involved, but we make nearly a thousand books each year, most of which have embedded fonts, and getting them to work can be frustrating as hell. Things that make NO sense--like loading a zipped folder of the exact-same damn book, versus an ePUB of the book--just seem to happen. I would recommend that you refine and pay attention to the mechanics of a process that works for you, whether it's loading the constituent parts, or the zipped folder, or a built mobi, etc. and then stick to it. FWIW, we've had the most problems with building MOBIs, at the KDP, from ePUBs--if you are using a distributor/aggregator, that's all that they do, load the ePUBs, and that might play into it. ALSO, KFX is upon us, and that plays in to all sorts of new mystery stuff, too. That's my $.02. Hitch |
|
11-25-2018, 02:06 AM | #28 |
Member
Posts: 14
Karma: 10
Join Date: Aug 2018
Device: none
|
I have started a new thread about this as the my question is irrelevant to embedded fonts.
Having said that, I have never got embedded fonts to work in Amazon Look Inside for epubs, that I use them in my print books and on Apple. |
11-25-2018, 04:33 AM | #29 |
Resident Curmudgeon
Posts: 73,968
Karma: 128903250
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
|
If all you are doing is using embedded fonts to simulate your print version, don't. It's not a pBook. And most people won't like your fonts anyway. Plus, given that Kindles don't default to the embedded fonts on, most won't even see them. So leave out the fonts if you don't actually need them.
|
12-03-2018, 12:23 PM | #30 | |
mostly an observer
Posts: 1,515
Karma: 987654
Join Date: Dec 2012
Device: Kindle
|
Quote:
|
|
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Embedded fonts in epub | Jellby | Kobo Reader | 8 | 07-25-2014 01:24 AM |
Fonts not being embedded (epub) | soundsfromsound | Calibre | 19 | 10-04-2013 01:31 PM |
Embedded fonts in epub | erik5000 | ePub | 7 | 12-08-2009 11:55 AM |
ePub embedded fonts | JSWolf | Ectaco jetBook | 9 | 09-14-2009 08:43 PM |
ePub + Embedded Fonts | Cygfrydd | ePub | 11 | 03-02-2009 05:56 PM |