Basic CSS For Sony Reader

[ExiledV20]

Has anyone attempted to develop a CSS that mimics the default styling of LRF files?

[DoctorOhh]

Originally Posted by ExiledV20

Has anyone attempted to develop a CSS that mimics the default styling of LRF files?

????????

[porkupan]

Like this? The trouble with this approach is that you won't have italics or bold. To get those you need to have italic or bold fonts in the reader.

[JSWolf]

Originally Posted by ExiledV20

Has anyone attempted to develop a CSS that mimics the default styling of LRF files?

ADE by default already does that by simulating bold & italics.

[porkupan]

Originally Posted by JSWolf

ADE by default already does that by simulating bold & italics.

Actually, Adobe module doesn't simulate bold and italics, it uses a very limited built-in set of fonts, which are utilized by default when no CSS is present, and no font resources are added. Adobe module doesn't appear to have an internal capability to simulate bold and italics on a regular font, like the LRF and RTF modules do.

[JSWolf]

Originally Posted by porkupan

Actually, Adobe module doesn't simulate bold and italics, it uses a very limited built-in set of fonts, which are utilized by default when no CSS is present, and no font resources are added. Adobe module doesn't appear to have an internal capability to simulate bold and italics on a regular font, like the LRF and RTF modules do.

When you do not embed any fonts, italic and bold are indeed simulated.

[DoctorOhh]

Originally Posted by porkupan

Like this? The trouble with this approach is that you won't have italics or bold. To get those you need to have italic or bold fonts in the reader.

My ignorance knows no bounds, so the following may not apply. I have a 505 and currently use PRSplus. PRSplus has allowed me to place fonts and a style.css file on my reader. I have placed the free fontin fonts on my reader and my css is:

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

body {
  font-family: "Fontin", serif;
  widows: 0;
  orphans: 0;
}

p {
text-indent:1.1em
}

/* 
   To increase ePub font size Remove rem slashes 
   surrounding the paragraph and division statements below. 
   Then adjust percentage higher, try 110% to start.
*/

/*
p {font-size:110%}

div {font-size:110%}
*/

/* 
   To increase ePub line height Remove rem slashes 
   surrounding the paragraph and division statements below. 
   Then adjust percentage higher, try 110% to start.
*/

/*

p {line-height: 110%}

div {line-height: 110%}

*/

This setup causes all epub files (including DRM'd) I read to use this font. It obviously doesn't mimic lrf files but it is how I have set my reader up. I think this setup would work with any fonts I chose.

[JSWolf]

Originally Posted by dwanthny

My ignorance knows no bounds, so the following may not apply. I have a 505 and currently use PRSplus. PRSplus has allowed me to place fonts and a style.css file on my reader. I have placed the free fontin fonts on my reader and my css is:

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

body {
  font-family: "Fontin", serif;
  widows: 0;
  orphans: 0;
}

p {
text-indent:1.1em
}

/* 
   To increase ePub font size Remove rem slashes 
   surrounding the paragraph and division statements below. 
   Then adjust percentage higher, try 110% to start.
*/

/*
p {font-size:110%}

div {font-size:110%}
*/

/* 
   To increase ePub line height Remove rem slashes 
   surrounding the paragraph and division statements below. 
   Then adjust percentage higher, try 110% to start.
*/

/*

p {line-height: 110%}

div {line-height: 110%}

*/

This setup causes all epub files (including DRM'd) I read to use this font. It obviously doesn't mimic lrf files but it is how I have set my reader up. I think this setup would work with any fonts I chose.

But the problem is that this overrides any code in the CSS of the ePub. So if you want to use specific embedded fonts, it won't work. That is a problem and I don't know if there is a solution.