CSS Help Please

[Japes]

Ok, so I have PRS+ installed. Below is an example CSS file for one of the fonts that I installed. The problem is that, regardless of what I set line height to, nothing at all seems to actually change with regards to line height. I've tinkered with making it huge (just to see if it changes anything) and tiny, and nothing changes. Can anyone help?








@font-face {
font-family: "Vollkorn";
font-weight: normal;
font-style: normal;
src: url(res:///Data/fonts/Vollkorn-Regular.ttf);
}

@font-face {
font-family: "Vollkorn";
font-weight: bold;
font-style: normal;
src: url(res:///Data/fonts/Vollkorn-Bold.ttf);
}

@font-face {
font-family: "Vollkorn";
font-weight: normal;
font-style: italic;
src: url(res:///Data/fonts/Vollkorn-Italic.ttf);
}

@font-face {
font-family: "Vollkorn";
font-weight: bold;
font-style: italic;
src: url(res:///Data/fonts/Vollkorn-BoldItalic.ttf);
}

body {
font-family: "Vollkorn"; line-height: 1.9em
}

p {
line-height: 1.9em !important;
text-indent: 1.5em !important;
}

html {
font-family: Vollkorn !important;
}

.mainBody {
font-family: Vollkorn !important;
}

.calibre {
font-family: Vollkorn !important;
}

[elemenoP]

Are you using Calibre? Calibre also has both minimum line height and line height settings, and the CSS does NOT take precedence. So check those settings, on the Look and Feel tab.

eP

[Japes]

Yes, I'm using Calibre, and, I presently have all my Epub Conversions to the following:

Base Font Size: 11.5pt
Line Height: 13.0pt


But, the CSS that I'm referencing above is the custom CSS that has to be installed for each font in PRS+. It should (correct me if I'm wrong), take precedence. For example, in Calibre, my "Extra CSS" references LexiaDaMa, but, I'm able to switch between fonts with each font's CSS.

Please advise.

[viviena]

I don't know what might help. I currently designate line-height like this without any problems:

html { 
	font-family: "Vollkorn" !important;
}

body { 
	font-family: "Vollkorn" !important;
	line-height: 1.05em;
}

.mainBody {
	font-family: "Vollkorn" !important;
}

.calibre {
	font-family: "Vollkorn" !important;
}

p {
	font-family: "Vollkorn" !important;
}

@font-face {
  font-family: "Vollkorn";
  font-weight: normal;
  font-style: normal;
  src: url(res:///Data/fonts/vollkorn/Vollkorn-Regular.ttf);
}

@font-face {
  font-family: "Vollkorn";
  font-weight: bold;
  font-style: normal;
  src: url(res:///Data/fonts/vollkorn/Vollkorn-Bold.ttf);
}

@font-face {
  font-family: "Vollkorn";
  font-weight: normal;
  font-style: italic;
  src: url(res:///Data/fonts/vollkorn/Vollkorn-Italic.ttf);
}

@font-face {
  font-family: "Vollkorn";
  font-weight: bold;
  font-style: italic;
  src: url(res:///Data/fonts/vollkorn/Vollkorn-BoldItalic.ttf);
}

(To make sure I wasn't imagining the extra line-height, I even took another screenshot after my line-height adjustment and measured the difference with a ruler. I'm good at fooling myself otherwise.)

The only difference I can see is that you have no semi-colon after the second CSS property, but that shouldn't usually matter, I think? It doesn't for most web design, not when it's the final property in a ruleset.

[Japes]

I tried it with and without the semicolon and it didn't make a difference. I will try YOUR code later on when I get home. Is it possible that the CSS is unable to overide what Calibre is setting for line heights and the like?

[elemenoP]

You'd think the custom CSS would take precedence, but it does not. (this is a big beef I have with Calibre.) Try fiddling with those settings in Calibre, both line height and minimum line height.

eP

[elemenoP]

Viviena, do you use Calibre? What are your settings in the "Look and Feel" tab in Calibre?

eP

[Japes]

Oh, God, wow. If that is the case, then I would have to re-convert every single book in my library WITHOUT putting in any values for those fields?

[elemenoP]

Oh it's even worse than that. There is no way to put a "none" or "inherit" value in those fields in Calibre. You must set it to *something.* But I'm wondering if someone else has found a better way to deal with this problem. It's weird.

eP

[Japes]

Originally Posted by elemenoP

Oh it's even worse than that. There is no way to put a "none" or "inherit" value in those fields in Calibre. You must set it to *something.* But I'm wondering if someone else has found a better way to deal with this problem. It's weird.

eP

If that's the case, then that can't be the problem. Otherwise, nobody who uses Calibre to convert to Epub, would get any results, and some people are (Ripplinger, Vivienna, et al).

[elemenoP]

Yes, it's a mystery to me. First I would try making changes to those settings, just to see if that has an effect and is, in fact, the problem. Then maybe ask in the Calibre forum what you can do about it. Please report back. Maybe I'm all wrong, I did my tinkering a while ago and haven't touched it since, but that was the problem that I found. It could be that there is *some* kind of setting you can use in Calibre and I just don't know what it is.

eP

[elemenoP]

But I did ask in the Calibre forum once if it was possible to change to allowing CSS to take precedence over Calibre settings, and Kovid said no, because it would break people's existing settings.

[Japes]

There has to be a way. I just don't know it. For example, by putting the "important" in you are able to override even embedded fonts (thanks to Ripplinger for that tip). So, I can't imagine, that if you can override embedded fonts, you wouldn't be able to override a simple line height setting. I just don't know anything about programming, so, I don't know it. But someone out there, I'm sure, does.

[viviena]

I use Calibre regularly for file conversions, but I have nothing in the Extra CSS field. I usually have the text justified and I sometimes remove spacing between paragraphs (thus adding indents). Minimum line height is 120% and line height 0.0pt and I've never altered them from the default. The image which I have demoing Vollkorn is from a book converted to EPUB from LIT and in the EPUB's stylesheet is a line-height of 1.2.

Yet when I adjusted the Vollkorn stylesheet for PRS, the line-height did increase visibly for me. I'm not sure what's going on, but hey, as long as it increased, I'm happy.

[elemenoP]

Japes, did you try making changes in Calibre, to see if you can affect the line-height at least?