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.