CSS Experts

Japes · 06-23-2011, 08:08 PM

Ok, so, regarding my earlier thread...it wasn't working because, as someone suggested, when Calibre converts, and specifies a line height, getting that overridden is nearly impossible, so, I will have to reconvert everything at this point.

But, I had a question.

If I have two IDENTICAL css sheets, and, the ONLY difference is that one has (for example) a font size of 1.0em and the other font size of 1.5em. They both have the EXACT same line height (1.2em for example), will both have the exact same amount of space BETWEEN lines of text? In other words. Are the two values (line height and font size) relative to one another?

JSWolf · 06-23-2011, 08:15 PM

Please delete this post

Japes · 06-23-2011, 10:02 PM

What happened to your post?

hmcurriers · 06-23-2011, 11:33 PM

Well... sort of... line-height tells the browser how much space to use for each line, font-size says how big to make the font. Most of the time you shouldn't need to use line-height (Note: I use CSS daily as a web-programmer... so calibre might be different)

This should help:
http://www.w3schools.com/css/pr_dim_line-height.asp

mathmac · 06-23-2011, 11:46 PM

sorry, I cannot find how to post a new thread. I have a question ... this error msg was given on attempt to validate

ERROR: June-23-2028pm-xhtml.epub/OPS/epb-di.opf(105): non-standard media-type 'application/x-dtbncx+xml' with no fallback

I compare to other epub books and my entry into the opf seems like all the others. What is wrong? how do I add the fallback?

Again, sorry for posting as a reply.
Diane

AlexBell · 06-24-2011, 03:16 AM

Quote:

Originally Posted by mathmac

sorry, I cannot find how to post a new thread.
Diane

I can't help you with your content.opf problem, but when you enter a forum there is a wide blue bar with the name of the forum. Just above that on the left there is a small blue bar which says New Thread. Click on that, and away you go.

Could I suggest that you try the ePub forum rather than the Sony forum?

elemenoP · 06-24-2011, 07:56 AM

An em is a relative measurement so yes there should be about the same relative amount of space between lines. The best way to understand it is to try a lot of different values and units out and see how it looks. You can try it here:

http://www.w3schools.com/css/tryit.a...-height_number

You can put your own font-size in the box too, just remember to put a semicolon at the end of it.

That's how it renders in HTML, no guarantee that it will be the same on the reader (but in theory it should be).

eP

Japes · 06-24-2011, 08:57 AM

Great little tool. Is there a way to use that tool with custom fonts?

elemenoP · 06-24-2011, 09:07 AM

I think you could. If you put

font-family: "Vollkorn";

in the CSS and you have Vollkorn installed on your computer, it should render properly.

But remember that things could look slightly different on your reader.

eP

06-23-2011, 08:08 PM	#1
Japes Addict Posts: 303 Karma: 1033852 Join Date: Jun 2011 Device: Sony PRS-350,Sony PRS-950,Pocketbook 360+,B&N Nook Simple Touch Reader	CSS Experts Ok, so, regarding my earlier thread...it wasn't working because, as someone suggested, when Calibre converts, and specifies a line height, getting that overridden is nearly impossible, so, I will have to reconvert everything at this point. But, I had a question. If I have two IDENTICAL css sheets, and, the ONLY difference is that one has (for example) a font size of 1.0em and the other font size of 1.5em. They both have the EXACT same line height (1.2em for example), will both have the exact same amount of space BETWEEN lines of text? In other words. Are the two values (line height and font size) relative to one another?

06-23-2011, 11:46 PM	#5
mathmac Junior Member Posts: 7 Karma: 10 Join Date: Apr 2011 Location: Poulsbo, WA Device: iPad 2	help sorry, I cannot find how to post a new thread. I have a question ... this error msg was given on attempt to validate ERROR: June-23-2028pm-xhtml.epub/OPS/epb-di.opf(105): non-standard media-type 'application/x-dtbncx+xml' with no fallback I compare to other epub books and my entry into the opf seems like all the others. What is wrong? how do I add the fallback? Again, sorry for posting as a reply. Diane

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Question for the CSS experts	crutledge	Sigil	8	06-10-2011 04:13 PM
PRS-600 Font experts . help please	jacko5	Sony Reader	7	03-15-2011 12:39 PM
css pseudo elements and adjacent combinators in extra css?	ldolse	Calibre	2	12-21-2010 05:09 PM
Hello experts,	Vijay	Introduce Yourself	10	11-22-2010 12:29 PM
Question to Experts	srinivasvaradar	Sony Reader	3	09-30-2007 04:05 PM

06-23-2011, 08:15 PM	#2
JSWolf Resident Curmudgeon Posts: 73,965 Karma: 128903250 Join Date: Nov 2006 Location: Roslindale, Massachusetts Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3	Please delete this post

06-23-2011, 10:02 PM	#3
Japes Addict Posts: 303 Karma: 1033852 Join Date: Jun 2011 Device: Sony PRS-350,Sony PRS-950,Pocketbook 360+,B&N Nook Simple Touch Reader	What happened to your post?

06-23-2011, 11:33 PM	#4
hmcurriers Member Posts: 16 Karma: 10 Join Date: Mar 2011 Device: Kindle3, Sony PRS-350, iPad2	Well... sort of... line-height tells the browser how much space to use for each line, font-size says how big to make the font. Most of the time you shouldn't need to use line-height (Note: I use CSS daily as a web-programmer... so calibre might be different) This should help: http://www.w3schools.com/css/pr_dim_line-height.asp

06-24-2011, 07:56 AM	#7
elemenoP Wizard Posts: 1,717 Karma: 3790058 Join Date: Oct 2010 Location: NYC Device: Kindle Paperwhite, Sony 650	An em is a relative measurement so yes there should be about the same relative amount of space between lines. The best way to understand it is to try a lot of different values and units out and see how it looks. You can try it here: http://www.w3schools.com/css/tryit.a...-height_number You can put your own font-size in the box too, just remember to put a semicolon at the end of it. That's how it renders in HTML, no guarantee that it will be the same on the reader (but in theory it should be). eP

06-24-2011, 08:57 AM	#8
Japes Addict Posts: 303 Karma: 1033852 Join Date: Jun 2011 Device: Sony PRS-350,Sony PRS-950,Pocketbook 360+,B&N Nook Simple Touch Reader	Great little tool. Is there a way to use that tool with custom fonts?

06-24-2011, 09:07 AM	#9
elemenoP Wizard Posts: 1,717 Karma: 3790058 Join Date: Oct 2010 Location: NYC Device: Kindle Paperwhite, Sony 650	I think you could. If you put font-family: "Vollkorn"; in the CSS and you have Vollkorn installed on your computer, it should render properly. But remember that things could look slightly different on your reader. eP

Advert

Advert