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