PRS-950 PRS+ Font Help

Originally Posted by anamardoll

I'm very worried you may be right about PRS+ causing everything to be bold. I certainly don't know how to fix THAT.

If there is a setting within PRS+ to make all text bold, I would think it could be easily toggled on/off. Sorry I'm not familiar with the PRS+ interface. I would look where the customization menu options are located and see if anything mentions bolding. You might also post this problem in the PRS+ area, wherever that is. They are really nice peope and will answer you back in short order.

Good luck!

[sonyreaderfan]

Attach the the epub that is giving you problem. If you're so inclined, post the font package too, or if you're not comfortable, tell how to get it. I assume it's off the web or from Windows or Mac OS X.

[Ripplinger]

Thanks to barium for info he posted in a few threads (here and here), adding the following to my custom .css files on my reader with PRS+ installed so far has always overridden embedded fonts in specific epubs for me. Change LexiaDaMa of course to whatever font you're using. Before I discovered PRS+ I would use Calibre to redo the epubs to embed my favorite font, and as a test I had one book with about 5 different fonts embedded. All of them get overridden with this extra code. Barium has more code that he uses that you might find helpful too, but this is the minimum to force your own font from your reader.

html { 
font-family: LexiaDaMa !important;
}

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

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

[anamardoll]

OK, pictures.

This is from a non-PD book called "Young Fredle". The book came embedded with the Charis font, which I've noticed is a pretty standard font.

The Charis (embedded).jpg picture shows the book on my Sony Reader when it has embedded fonts. The Charis (device).jpg was taken after the book had been stripped of its embedded fonts, and thus it was using the device fonts. The device fonts, in this case, were also Charis, and the Charis font files were taken from the epub/zip directory of that particular book. (Just to be sure.)

The CSS for the book is here:

@namespace h "http://www.w3.org/1999/xhtml";
.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
    }
.calibre1 {
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto
    }
.calibre2 {
    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
    }
.calibre3 {
    display: block
    }
.calibre4 {
    font-style: italic
    }
.calibre5 {
    font-weight: bolder
    }
.calibre6 {
    display: block
    }
.calibre7 {
    color: inherit;
    cursor: inherit;
    text-decoration: inherit
    }
.calibre8 {
    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
    }
.center {
    display: block;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em;
    text-align: center
    }
.center1 {
    display: block;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 4em;
    margin-top: 1em;
    text-align: right
    }
.center2 {
    display: block;
    margin-bottom: 0.2em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.2em;
    text-align: center
    }
.chapter {
    display: block;
    font-size: 1.125em;
    font-weight: normal;
    line-height: 1.8em;
    margin-bottom: 3em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2em;
    text-align: center
    }
.copyright {
    display: block;
    font-size: 0.75em;
    margin-top: 4em;
    text-align: center
    }
.crt {
    display: block;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em;
    text-align: center;
    text-indent: 0
    }
.dedication {
    display: block;
    font-size: 0.75em;
    margin-top: 4em
    }
.dropcaps {
    float: left;
    font-size: 1.5em;
    line-height: 50px;
    margin-right: 0.04em;
    margin-top: -0.04em;
    padding-top: 1px
    }
.extract {
    display: block;
    margin-bottom: 0.3em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 2em;
    text-align: justify;
    text-indent: 0
    }
.hlink {
    color: blue;
    cursor: pointer;
    text-decoration: none
    }
.indent {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: justify;
    text-indent: 1em
    }
.nonindent {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    text-align: justify;
    text-indent: 0
    }
.pubhlink {
    color: green;
    cursor: pointer;
    text-decoration: none
    }
.small {
    font-size: 1em
    }
.titlepage {
    display: block;
    text-align: center
    }
.toc {
    display: block;
    font-size: 1em;
    line-height: 1.2;
    text-align: center
    }
.toc1 {
    display: block;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 1em;
    text-align: center
    }
.tocchap {
    display: block;
    font-size: 1em;
    line-height: 1.6em;
    margin-left: 0;
    text-align: center
    }
.tocfm {
    display: block;
    font-size: 0.875em;
    line-height: 1.2;
    margin-bottom: 1em;
    margin-left: 0;
    margin-top: 1em;
    text-align: center
    }

The CSS that I am using is here:

@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;
}

[anamardoll]

And the plot thickens...

SRF, here is the screen shot you asked for for "How To Tell A Story". As you can see, the text is very bold.

JSWolf, here are the screen shots for the Agatha Christie story, before and after stripping out the embedded font. The (embedded) picture shows the Fontin very nicely, but interestingly enough, the (device) picture shows the Charis..... NOT BOLDED.

I confess this is unexpected. This would seem to indicate that the culprit is NOT the PRS+ software but rather something in the individual book CSS files? But this is the FIRST book out of dozens I've tested that hasn't gone all bolded on me. I'm even more confused now than before!

The CSS for the Agatha Christie file, for comparison to Young Fredle is:

@namespace h "http://www.w3.org/1999/xhtml";
@font-face {
  font-family: "Fontin";
  font-weight: normal;
  font-style: normal;
  src: url(fonts/Fontin-Regular.ttf);
}
@font-face {
  font-family: "Fontin";
  font-weight: bold;
  font-style: normal;
  src: url(fonts/Fontin-Bold.ttf);
}
@font-face {
  font-family: "Fontin";
  font-weight: normal;
  font-style: italic;
  src: url(fonts/Fontin-Italic.ttf);
}
@font-face {
  font-family: "Fontin_Sans";
  font-weight: normal;
  font-style: normal;
  src: url(fonts/Fontin_Sans_R_45b.otf);
}
@font-face {
  font-family: "Fontin_Sans";
  font-weight: bold;
  font-style: normal;
  src: url(fonts/Fontin_Sans_B_45b.otf);
}
@font-face {
  font-family: "Fontin_Sans";
  font-weight: normal;
  font-style: italic;
  src: url(fonts/Fontin_Sans_I_45b.otf);
}
@font-face {
  font-family: "Fontin_Sans" ;
  font-weight: bold ;
  font-style: italic ;
  src: url(fonts/Fontin_Sans_BI_45b.otf) ;
}
body {
  font-family: "Fontin", serif;
  widows: 0;
  orphans: 0
}
.bold {
    font-weight: bold
    }
.calibre {
    display: block;
    font-size: 1em;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    page-break-before: always;
    text-align: justify
    }
.calibre1 {
    display: block;
    font-weight: bold;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.83em;
    text-align: center
    }
.calibre2 {
    font-family: "Fontin_Sans", sans-serif;
    }
.calibre3 {
    font-family: "Fontin_Sans", sans-serif;
    }
.calibre4 {
	font-size: 125%;
	margin-top: 45px;
	margin-bottom: 30px;
    text-align: center
    }
.calibre4a {
    text-align: center
    }
.calibre5 {
    height: auto;
    width: auto
    }
.calibre6 {
    font-family: "Fontin_Sans", sans-serif;
	font-size: 125%
    }
.calibre7 {
    display: block;
	font-family: "Fontin", serif;
	text-indent: 1.1em
    }
.calibre7a {
    display: block;
	font-family: "Fontin", serif;
	text-indent: 0
    }
.italic {
    font-style: italic
    }
.mbppagebreak {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    page-break-after: always
    }
a {
    color: inherit;
    text-decoration: inherit;
    cursor: default
    }
a[href] {
    color: blue;
    text-decoration: underline;
    cursor: pointer
    }

[anamardoll]

Oh, and here's my fonts folder, since someone asked for that.

[elemenoP]

Which screenshots have had which CSS applied?

Have you tried adding font-weight:normal into the body tag?

My Charis font files have different names (CharisSILR.ttf, for example). Have you checked that you have the names right?

eP


eP

[jackie_w]

In your 'Young Fredle' css, I notice

.calibre5 {
    font-weight: bolder
    }

You could try looking at the html file containing the text from your screencap within the epub to see where this css class has been used, e.g.

<p class="calibre5"> or
<span class="calibre5">

[jackie_w]

Another thought... Is it possible that the Charis ttf files that you have loaded onto the Sony are different in some way from the Charis ttf files which were embedded in the original epub?

You could experiment by deleting the ones on the reader and substituting them with the ones you could manually extract from the epub. You would need to make sure the filenames still matched the css.

[anamardoll]

Originally Posted by elemenoP

Which screenshots have had which CSS applied?

The CSS is the same for the book regardless of whether or not the fonts have been removed -- the Calibre modify-epub font removal doesn't change the CSS, it just rips the font files out of the epub so that the CSS can't access them and has to revert to the device defaults.

Have you tried adding font-weight:normal into the body tag?

My apologies, I speak no CSS and no HTML, so I do not know how to try this.

My Charis font files have different names (CharisSILR.ttf, for example). Have you checked that you have the names right?

I've renamed my font files to what you see in the pictures and CSS above. This simplified the process of creating new CSS files each time I added a new font to the fonts folder. (i.e., all fonts are named X-Regular, X-Bold, X-Italic, and X-BoldItalic.)

Originally Posted by jackie_w

In your 'Young Fredle' css, I notice

.calibre5 {
    font-weight: bolder
    }

You could try looking at the html file containing the text from your screencap within the epub to see where this css class has been used, e.g.

<p class="calibre5"> or
<span class="calibre5">

I think -- I'm not sure -- but I think that the .calibre stuff isn't used on the Sony device. Maybe someone can confirm this?

[anamardoll]

Originally Posted by jackie_w

Another thought... Is it possible that the Charis ttf files that you have loaded onto the Sony are different in some way from the Charis ttf files which were embedded in the original epub?

You could experiment by deleting the ones on the reader and substituting them with the ones you could manually extract from the epub. You would need to make sure the filenames still matched the css.

No. I already thought of this and as I said in my picture-post, I took the Charis files directly from the epub file. But thank you -- this is a good error checking step.

[jackie_w]

Originally Posted by anamardoll

I think -- I'm not sure -- but I think that the .calibre stuff isn't used on the Sony device. Maybe someone can confirm this?

Any .calibrenn class contained in the css within an epub will be used on the Sony if the epub's html calls for the .calibrenn class.

[anamardoll]

Originally Posted by jackie_w

In your 'Young Fredle' css, I notice

.calibre5 {
    font-weight: bolder
    }

You could try looking at the html file containing the text from your screencap within the epub to see where this css class has been used, e.g.

<p class="calibre5"> or
<span class="calibre5">

Well, a Windows search for "calibre5" indicates that the only thing that contains it is the stylesheet.css in the epub unzipped directory. (I hope that Windows' content search would also look through the html files in the directory?)

I would search just for class="calibre5" as the class could show up in any number of tags including DIV tags.

[anamardoll]

Windows says there isn't any "calibre5" in the directory, though, outside of the stylesheet I already posted. Either Windows isn't searching the HTML contents, or it isn't actually used.

I can see this isn't working. I don't speak the code and ya'll need something to look at. Since I can't post the copyrighted Fredle, can we look at the Twain story. This is the version I have, attached.

It has the same bolding problems, and this way we can all look at the code directly instead of telling me what to search for.