View Single Post
Old 06-07-2011, 08:33 AM   #3
anamardoll
Chasing Butterflies
anamardoll ought to be getting tired of karma fortunes by now.anamardoll ought to be getting tired of karma fortunes by now.anamardoll ought to be getting tired of karma fortunes by now.anamardoll ought to be getting tired of karma fortunes by now.anamardoll ought to be getting tired of karma fortunes by now.anamardoll ought to be getting tired of karma fortunes by now.anamardoll ought to be getting tired of karma fortunes by now.anamardoll ought to be getting tired of karma fortunes by now.anamardoll ought to be getting tired of karma fortunes by now.anamardoll ought to be getting tired of karma fortunes by now.anamardoll ought to be getting tired of karma fortunes by now.
 
anamardoll's Avatar
 
Posts: 3,132
Karma: 5074169
Join Date: Mar 2011
Location: American Southwest
Device: Uses batteries.
Apparently, there is a Calibre plugin for removing the default fonts, so I was able to get that to work, yay.

I'm still running into weirdness on the new font, though. The old, font-embedded books look different from the new, non-font-embedded books, even when using the same font (Charis). The font on the reader looks super-bold and thick.

The CSS for my reader font is:

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

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

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

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

body {
font-family: "Charis", serif;
/* line-height: 150% */
}

.calibre {
font-family: "Charis", serif;
/* line-height: 150% */
}
The CSS from the embedded-font (back when it was embedded) was (snippet):

Quote:
.calibre {
background-color: #FFF;
display: block;
font-family: "Charis";
font-size: 1em;
line-height: 1.2;
margin-bottom: 0;
margin-left: 5pt;
margin-right: 5pt;
margin-top: 0;
padding-left: 0;
padding-right: 0;
text-align: center
}
I'm not sure I know enough about CSS to get the new font to behave like the old ones did. I've tried adding the font-size / line-height lines to my CSS, but nothing changed. I'd like uniformity across my books.
anamardoll is offline   Reply With Quote