Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Software > Sigil

Notices

Reply
 
Thread Tools Search this Thread
Old 08-24-2018, 09:13 AM   #16
RbnJrg
Guru
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 891
Karma: 3273787
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by serendipity22 View Post
Fonts don't show on Amazon, Scribd and Barnes&Noble. Cannot test Apple or Tolino.

They show on Kobo.
The Amazon's online reader ("Look Inside") utilizes the KF7 format, and KF7 doesn't support embedded fonts. But if you download a sample of the ebook you uploaded (and if your reader is not a KDX or K2) then you'll see your diagrams perfectly. Regarding Scrib, AFAIK, it doesn't support embedded fonts. I don't know what to tell you about B&N.

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.
RbnJrg is offline   Reply With Quote
Old 08-25-2018, 12:00 PM   #17
Toxaris
Wizard
Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.Toxaris ought to be getting tired of karma fortunes by now.
 
Toxaris's Avatar
 
Posts: 4,480
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-300, PRS-T1
Personally I think I would use SVG images for the diagrams. Those are generally supported and can be scaled together with the fonts.
Toxaris is offline   Reply With Quote
Old 08-25-2018, 01:12 PM   #18
RbnJrg
Guru
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 891
Karma: 3273787
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by Toxaris View Post
Personally I think I would use SVG images for the diagrams. Those are generally supported and can be scaled together with the fonts.
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.
RbnJrg is offline   Reply With Quote
Old 08-27-2018, 04:54 PM   #19
Hitch
Bookmaker & Cat Slave
Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.Hitch ought to be getting tired of karma fortunes by now.
 
Hitch's Avatar
 
Posts: 6,933
Karma: 63374881
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, and NookColor. 2 Droid, 1 Win8 ePUB rdrs
Quote:
Originally Posted by RbnJrg View Post
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.
Yup, what he said ^.

Hitch
Hitch is offline   Reply With Quote
Old 08-31-2018, 11:16 AM   #20
AlanHK
Evangelist
AlanHK can extract oil from cheeseAlanHK can extract oil from cheeseAlanHK can extract oil from cheeseAlanHK can extract oil from cheeseAlanHK can extract oil from cheeseAlanHK can extract oil from cheeseAlanHK can extract oil from cheeseAlanHK can extract oil from cheese
 
AlanHK's Avatar
 
Posts: 430
Karma: 1002
Join Date: Apr 2014
Device: PW-3, 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.
AlanHK is offline   Reply With Quote
Old 09-03-2018, 06:12 PM   #21
serendipity22
Junior Member
serendipity22 began at the beginning.
 
Posts: 8
Karma: 10
Join Date: Aug 2018
Device: none
Quote:
Originally Posted by RbnJrg View Post
The Amazon's online reader ("Look Inside") utilizes the KF7 format, and KF7 doesn't support embedded fonts. But if you download a sample of the ebook you uploaded (and if your reader is not a KDX or K2) then you'll see your diagrams perfectly. Regarding Scrib, AFAIK, it doesn't support embedded fonts. I don't know what to tell you about B&N.

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.
I am using tables for my Amazon books. However they are not working for any books I publish on d2d. Also, they may work in the preview after uploading, but there gaps between the lines in the 'look inside', and smaller gaps in the diagrams when I download a sample.
serendipity22 is offline   Reply With Quote
Old 09-05-2018, 05:57 PM   #22
RbnJrg
Guru
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 891
Karma: 3273787
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by serendipity22 View Post
I am using tables for my Amazon books. However they are not working for any books I publish on d2d. Also, they may work in the preview after uploading, but there gaps between the lines in the 'look inside', and smaller gaps in the diagrams when I download a sample.
Can you post the code of one of your diagrams here?
RbnJrg is offline   Reply With Quote
Old 09-05-2018, 08:56 PM   #23
serendipity22
Junior Member
serendipity22 began at the beginning.
 
Posts: 8
Karma: 10
Join Date: Aug 2018
Device: none
Quote:
Originally Posted by RbnJrg View Post
Can you post the code of one of your diagrams here?
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
}
serendipity22 is offline   Reply With Quote
Old 09-05-2018, 10:28 PM   #24
Turtle91
A Hairy Wizard
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 1,674
Karma: 11766398
Join Date: Dec 2012
Location: Charleston, SC today
Device: iPhone 6/5/iPad 1,2 & Air/Surface Pro/Kindle PW
If you have a device that supports nth-child selectors you can make this reeeally easily...


Spoiler:

Code:
<!DOCTYPE html>
<html>
<head>
<title>Chess Board</title>

<style>
table {border-collapse:collapse; border:1px solid black; width:80px}
tr  {padding:0; height:10px}
td  {padding:0; width:10px; background-color:white}
img {width:10px}  */ with Square image /*

tr:nth-child(odd) td:nth-child(even) {background-color:black}
tr:nth-child(even) td:nth-child(odd) {background-color:black}
</style>

</head>
<body>

<table>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td><img src="bk2.jpg" alt=""/></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td><img src="wk2.jpg" alt=""/></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
</table>

</body>
</html>


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.
Attached Thumbnails
Click image for larger version

Name:	chess.JPG
Views:	43
Size:	100.1 KB
ID:	166084  

Last edited by Turtle91; 09-05-2018 at 10:37 PM.
Turtle91 is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

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


All times are GMT -4. The time now is 07:33 AM.


MobileRead.com is a privately owned, operated and funded community.