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

Go Back   MobileRead Forums > E-Book Formats > Workshop

Notices

Reply
 
Thread Tools Search this Thread
Old 06-20-2013, 10:02 AM   #1
RbnJrg
Evangelist
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: 453
Karma: 318996
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Dividers and fleurons

What dividers and fleurons used at the end of chapters, or for divisions within a chapter are your favorites? Could you post an image of them? Many thanks in advance.

Rubén
RbnJrg is offline   Reply With Quote
Old 06-21-2013, 01:05 PM   #2
jcsalomon
Member
jcsalomon began at the beginning.
 
jcsalomon's Avatar
 
Posts: 11
Karma: 10
Join Date: Jun 2012
Device: Mantano Reader (Android)
Here are a couple I’ve used:
Quote:
—∗—
—›–•–‹—
—»·›–•–‹·«—
Aside from the Asterisk Operator, these are all Unicode symbols from the General Punctuation block—em- and en-dashes, bullets, middle-dots, and angle quotation marks—and should be present in any text font. Unfortunatly this code
Code:
hr.fancy { border: none; text-align: center; }
hr.fancy:after { content: "—»·›–•–‹·«—"; }
is not nearly as well-supported in EPUB readers as is using images.

If you’re embedding the right font, take a further look at the various Unicode symbols blocks.
♦♢♦♢♦
jcsalomon is online now   Reply With Quote
Old 06-21-2013, 07:13 PM   #3
RbnJrg
Evangelist
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: 453
Karma: 318996
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by jcsalomon View Post
Here are a couple I’ve used:Aside from the Asterisk Operator, these are all Unicode symbols from the General Punctuation block—em- and en-dashes, bullets, middle-dots, and angle quotation marks—and should be present in any text font. Unfortunatly this code
Code:
hr.fancy { border: none; text-align: center; }
hr.fancy:after { content: "—»·›–•–‹·«—"; }
is not nearly as well-supported in EPUB readers as is using images.

If you’re embedding the right font, take a further look at the various Unicode symbols blocks.
♦♢♦♢♦
Many thanks jcsalomon!
RbnJrg is offline   Reply With Quote
Old 06-22-2013, 02:56 AM   #4
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 6,148
Karma: 4792399
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Quote:
Originally Posted by jcsalomon View Post
Unfortunatly this code
Code:
hr.fancy { border: none; text-align: center; }
hr.fancy:after { content: "—»·›–•–‹·«—"; }
is not nearly as well-supported in EPUB readers as is using images.
Mainly because the "content" property is not included in the ePub spec[*], so one should not rely on it.

[*] Actually, it is mentioned, but with the rather cryptic note: "Must not be used within a style sheet whose @media value is other than aural".
Jellby is offline   Reply With Quote
Old 06-22-2013, 03:57 AM   #5
Doitsu
Wizard
Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.Doitsu ought to be getting tired of karma fortunes by now.
 
Doitsu's Avatar
 
Posts: 1,943
Karma: 4633610
Join Date: Dec 2010
Device: Kindle PW2
Call me old-fashioned, by I still like the classic Floral Heart (Aldus Leaf) fleuron best.


Since it's defined in the Unicode standard, all you have to do to use it is embed a font with Dingbats support.
Doitsu is offline   Reply With Quote
Old 06-22-2013, 06:07 AM   #6
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 6,148
Karma: 4792399
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Quote:
Originally Posted by Doitsu View Post
Since it's defined in the Unicode standard, all you have to do to use it is embed a font with Dingbats support.
Or use the SVG file in an ePub http://www.fileformat.info/info/unic...oral_heart.svg
Jellby is offline   Reply With Quote
Old 06-22-2013, 11:14 AM   #7
RbnJrg
Evangelist
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: 453
Karma: 318996
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Thank you very much Jellby and Doitsu! So far I was using the Rotated Floral Heart ( ) but I'm a bit bored of using that character and wanted to see if I could found something else. In the net there are custom free fonts with a lot of fleurons (http://www.fontspace.com/category/fleurons) but honestly seemed very gimmicky and did not like.

Jellby, recién me acabo de dar cuenta de que eres un español que estás viviendo en Suecia Es bueno saber que aquí no solo hay alguien que habla el castellano sino que también es un destacadísimo miembro de este foro. Un cordial saludo desde Argentina!

Rubén

Last edited by RbnJrg; 06-24-2013 at 08:50 AM.
RbnJrg is offline   Reply With Quote
Old 06-24-2013, 05:52 AM   #8
GrannyGrump
Persnickity Nitpicker
GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.
 
GrannyGrump's Avatar
 
Posts: 557
Karma: 2593116
Join Date: May 2011
Location: JAPAN (US expatriate)
Device: Sony PRS-T2, ADE on PC
if you would like to take a look at some more fonts, here are some I've tried which are redistributable, and subsetting makes them really tiny if you only use a few glyphs.

foglihten decorative fonts from Gluk
http://www.glukfonts.pl/font.php?font=Foglihten

im fell flowers
http://www.fontsquirrel.com/fonts/IM-FELL-FLOWERS-1
http://www.fontsquirrel.com/fonts/IM-FELL-FLOWERS-2

Kingthings flourishes
http://www.fontsquirrel.com/fonts/Kingthings-Flourishes
GrannyGrump is offline   Reply With Quote
Old 06-24-2013, 06:09 AM   #9
Jellby
frumious Bandersnatch
Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.Jellby ought to be getting tired of karma fortunes by now.
 
Jellby's Avatar
 
Posts: 6,148
Karma: 4792399
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
Beware of using that kind of font, though. It is not recommended to use font with a non-standard character map, i.e. an "A" should always look like an "A", and not some ornament or dingbat. For that, a font should use the appropriate Unicode point or the private plane.
Jellby is offline   Reply With Quote
Old 06-24-2013, 08:58 AM   #10
RbnJrg
Evangelist
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: 453
Karma: 318996
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by grannyGrumpy View Post
if you would like to take a look at some more fonts, here are some I've tried which are redistributable, and subsetting makes them really tiny if you only use a few glyphs.

foglihten decorative fonts from Gluk
http://www.glukfonts.pl/font.php?font=Foglihten

im fell flowers
http://www.fontsquirrel.com/fonts/IM-FELL-FLOWERS-1
http://www.fontsquirrel.com/fonts/IM-FELL-FLOWERS-2

Kingthings flourishes
http://www.fontsquirrel.com/fonts/Kingthings-Flourishes
Many thanks for the links granny!
RbnJrg is offline   Reply With Quote
Old 06-24-2013, 11:17 AM   #11
SBT
Fanatic
SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.
 
SBT's Avatar
 
Posts: 503
Karma: 560981
Join Date: Sep 2010
Location: Norway
Device: prs-t1, phone/Cool Reader, tablet/BlueFire, Nook Simple
I've ended up converting the flourishes I want to SVG and displaying them as images.
I've had trouble getting some dingbats to display at all, and also I like the flourish to be a fixed size relative to the screen width. I know how to do that with images, but not with text. Finally, I can set the <IMG> alt-attribute to something like -->-*-<--, so there's an OK fallback, instead of spurious letters popping up.
SBT is online now   Reply With Quote
Old 06-24-2013, 10:18 PM   #12
GrannyGrump
Persnickity Nitpicker
GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.GrannyGrump ought to be getting tired of karma fortunes by now.
 
GrannyGrump's Avatar
 
Posts: 557
Karma: 2593116
Join Date: May 2011
Location: JAPAN (US expatriate)
Device: Sony PRS-T2, ADE on PC
Quote:
Originally Posted by Jellby View Post
Beware of using that kind of font, though. It is not recommended to use font with a non-standard character map, i.e. an "A" should always look like an "A", and not some ornament or dingbat. For that, a font should use the appropriate Unicode point or the private plane.
True, but for scene/chapter breaks and such, if you choose carefully, you can use a decorative font's alternative glyph for asterisk, dash, emdash, etc. Those would degrade gracefully if the embedded font is not honored/used.

Another alternative which I am exploring is a freeware font editor called TypeLight from http://www.cr8software.net/typelight.html.

The feature list is pretty impressive: you can use it to create fonts or edit existing fonts, convert between ttf and otf, and more. (They also offer a trial of the Pro version, which is not time-limited, and supposedly only feature-limited in that it will only save the first 50 characters of the font.)

I have barely begun to use TypeLight, but I am going to try to create some small fonts with decorative glyphs and see how it works out.
GrannyGrump is offline   Reply With Quote
Old 06-28-2013, 03:53 PM   #13
jcsalomon
Member
jcsalomon began at the beginning.
 
jcsalomon's Avatar
 
Posts: 11
Karma: 10
Join Date: Jun 2012
Device: Mantano Reader (Android)
I’m trying to adapt my suggestion above to SVG images—which it should be possible to make hr tags appear with, right?
Code:
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="60" height="10" xmlns="http://www.w3.org/2000/svg">
  <text stroke-width="0" x="30" y="7.3" font-size="10"
        text-anchor="middle">—»·›–•–‹·«—</text>
</svg>
Can’t figure out the CSS to make this work, though. This isn’t working:
Code:
hr { background-image:url("../Images/hr.svg"); }
jcsalomon is online now   Reply With Quote
Old 06-29-2013, 07:53 AM   #14
SBT
Fanatic
SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.SBT ought to be getting tired of karma fortunes by now.
 
SBT's Avatar
 
Posts: 503
Karma: 560981
Join Date: Sep 2010
Location: Norway
Device: prs-t1, phone/Cool Reader, tablet/BlueFire, Nook Simple
Background images not supported in epub2 specs, I'm afraid
SBT is online now   Reply With Quote
Old 06-29-2013, 10:22 AM   #15
RbnJrg
Evangelist
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: 453
Karma: 318996
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by jcsalomon View Post
I’m trying to adapt my suggestion above to SVG images—which it should be possible to make hr tags appear with, right?
Code:
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
  "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="60" height="10" xmlns="http://www.w3.org/2000/svg">
  <text stroke-width="0" x="30" y="7.3" font-size="10"
        text-anchor="middle">—»·›–•–‹·«—</text>
</svg>
Can’t figure out the CSS to make this work, though. This isn’t working:
Code:
hr { background-image:url("../Images/hr.svg"); }
With the tag <hr> doesn't work. Try the following:

In you .css stylesheet, write:

Code:
.svg_fleuron {
   background-image: url("../Images/hr.svg"); 
   background-position: 50% 0%;
   background-repeat: no-repeat;
}
Write it as I did it; don't use the background shorthand property.

In your .xhtml file write:

Code:
<p class="svg_fleuron">&nbsp;</p>
It should work.

Regards
Rubén
Attached Thumbnails
Click image for larger version

Name:	Image1.jpg
Views:	116
Size:	27.0 KB
ID:	107472  
RbnJrg is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump


All times are GMT -4. The time now is 12:36 PM.


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