× Warning! This forum is in archival status. New contributions may not work.
Custom CSS font and other settings not respected
  • I have imported a book from flossmanuals into http://booktype-demo.sourcefabric.org. Since we use custom CSS for our book I have dropped in our CSS and selected the option to override any previous settings.

    Problems with the A4 PDF generated
    1. Point size for headings and body text is smaller that specified

    2. Our body text font looks like it is being substituted with some other font (Headings look a close match if not exactly the same font)
    Our CSS refers to our font as follows:
    @font-face{
    src: url("http://www.freedomfone.org/booki/AllumiPtf-Bold.otf");
    font-family:AllumiPtf;
    }

    3. Title Page reads FREEDOMFONE instead of FREEDOM FONE SPANISH EDITION
    There doesn't seem to be an option in the user interface to address this.

    4. Chapter divider images are being truncated at the top
    Is this possibly because margin settings are not being respected?

    5. Callout image is not rendering correctly
    Possibly because margin settings are not being respected?

    Are there any suggestions for making the necessary tweeks?

    Below is the CSS we use for the A4 PDF for the Spanish book.

    Thanks
    Brenda

    -------------------

    @font-face{
            src: url("http://www.freedomfone.org/booki/AllumiPtf-Bold.otf");
            font-family:AllumiPtf;
    }

    .objavi-chapter{
      color: #000;
      display:none;
    }


    h1 .initial{
      color: #000;
      display:none;
    }

    ol#InsertNote_NoteList{
    page-break-before:always;
    font-size:8pt;
    }


    .objavi-subsection .initial {
      color: #000;
      display:none;
    }

    h1 {
      page-break-before: always;
      font-weight:normal;
            margin-top:10px
    }

    h2 {
      margin-bottom:-10pt;
      font-weight:normal;
      font-size:15pt;
    }

    h3 {
      margin-bottom:-10pt;
      font-weight:normal;
      font-size:12pt;
      font-style:italic;
    }


    table {
      float: none;
    }

    h1.frontpage{
      page-break-after:always;
      margin-top:70%;
      font-size: 20pt;
      text-align: center;
      page-break-before: avoid;
      max-width: 700pt;
      font-weight: normal;
    }

    div.copyright{
      padding: 1em;
    }
    /* TOC ******************************/
    table {
      float: none;
    }

    table.toc {
      font-size: 1.1em;
      width: 95%;
    }

    table.toc td{
      vertical-align:top
      padding-left: 0.5em;
    }

    td.chapter {
      padding: 0 0.5em;
      text-align: right;
    }

    table.toc td.pagenumber {
      text-align: right;
      vertical-align:bottom;
    }

    td.section {
      padding-top: 1.1em;
      font-weight: bold;
    }
    /* End TOC **************************/


    p{
      page-break-inside: avoid;
    }

    pre, code, tt {
    }

    pre {
      max-width:700px;
      font-size: 8pt;
      white-space:pre-line;
      page-break-inside: avoid;
    }

    img {
      max-width: 95%;
      height: auto;
    }

    .objavi-no-page-break {
      page-break-inside: avoid;
    }

    .unseen{
      z-index: -66;
      margin-left: -1000pt;
    }

    body{
            font-size:10pt;
            color:#000;
            font-family:"Fontin Sans";
            line-height:14pt;
            background: #fff;
            background-size:95% auto;
    }

    sup{
            vertical-align:text-top;
            font-size:0.7em;
    }
    a{
            color:#000 !important;
            text-decoration:none
    }

    h1, h2, h3{
            color:#666;
            margin:0;
            padding:0;
            font-weight:normal !important;
            text-decoration:none !important;
            line-height:normal;
            font-family:AllumiPtf !important;
            text-transform:uppercase;

    }
    h1{
            font-size:24.3pt;
    }
    h1+p{
            padding-top:20pt;
            margin-top:0;
    }
    h2{
            font-size:14pt;
            padding-top:20pt;
    }
    h2+p{
            padding-top:10pt;
    }
    h3{
            font-size:9pt;
            padding-bottom:5pt;
    }
    h3+p{
            margin-top:0;
    }
    p+h3{
            padding-top:10pt;
    }
    ul{
            list-style-image:url(
    http://www.freedomfone.org/booki/images/bullet.png);
            list-style-position:outside;
            margin-left:-25px;
    }
    ul ul{
      list-style-image: url(
    http://www.freedomfone.org/booki/images/small_bullet.png);
    }
    ol{
            margin-left:-25px;
    }
    li{
            padding-left:5.5mm;
            page-break-inside: avoid;
    }
    .starred{
            padding-left:50px;
            background-image:url(
    http://www.freedomfone.org/booki/images/star.png) ! important;
            background-repeat:no-repeat;
            background-position:center left;
            font-weight:bold;
            min-height:40px;
    }
    .speechBox{
            padding:5mm;
            padding-top:0;
            background:#ebebeb url(
    http://www.freedomfone.org/booki/images/boxBottom.png) no-repeat bottom
    right;
            padding-bottom:60px;
            margin-bottom:-55px;
            page-break-inside:avoid;
    }
    .breakPage{
            page-break-before:always;
    }
    .speechBox:before{
            background:#ebebeb url(
    http://www.freedomfone.org/booki/images/boxTop.png) no-repeat top left;
            height:44px;
            content:"blank";
            color: #fff;
            display:block;
            margin-left: -5mm;
            margin-right: -5mm;
            margin-bottom:5mm;
    }
    .objavi-subsection-heading{
            height:860px;
            font-size:0px;
            color: #fff;
            display:block;
            background-size:100% auto;
      page-break-before:always;
    }
    #section-1 .objavi-subsection-heading{
            background:#fff url(
    http://www.freedomfone.org/booki/images/esp/01_whatisff.png) no-repeat center
    center;
            page-break-before:avoid;
    }
    #section-2 .objavi-subsection-heading{
            background:#fff url(
    http://www.freedomfone.org/booki/images/esp/02_realworld.png) no-repeat center
    center;
    }
    #section-3 .objavi-subsection-heading{
            background:#fff url(
    http://www.freedomfone.org/booki/images/esp/03_scenarios.png) no-repeat center
    center;
    }
    #section-4 .objavi-subsection-heading{
            background:#fff url(
    http://www.freedomfone.org/booki/images/esp/04_creatingservice.png) no-repeat
    center center;
    }
    #section-5 .objavi-subsection-heading{
            background:#fff url(
    http://www.freedomfone.org/booki/images/esp/05_settingup.png) no-repeat center
    center;
    }
    #section-6 .objavi-subsection-heading{
            background:#fff url(
    http://www.freedomfone.org/booki/images/esp/06_v2s7-8_update.png) no-repeat center
    center;
    }
    #section-7 .objavi-subsection-heading{
            background:#fff url(
    http://www.freedomfone.org/booki/images/esp/07_techstuff.png) no-repeat center
    center;
    }
    #section-8 .objavi-subsection-heading{
            background:#fff url(
    http://www.freedomfone.org/booki/images/esp/08_troubleshooting.png) no-repeat
    center center;
    }
    #section-9 .objavi-subsection-heading{
            background:#fff url(
    http://www.freedomfone.org/booki/images/esp/09_audiocookbook.png) no-repeat
    center center;
    }
    #section-10 .objavi-subsection-heading{
            background:#fff url(
    http://www.freedomfone.org/booki/images/esp/10_gettinghelp.png) no-repeat
    center center;
    }
    #section-11 .objavi-subsection-heading{
            background:#fff url(
    http://www.freedomfone.org/booki/images/esp/11_appendices.png) no-repeat center
    center;
    }
    #section-12 .objavi-subsection-heading{
            background:#fff url(
    http://www.freedomfone.org/booki/images/esp/12_notes.png) no-repeat center
    center;
    }
    .page{
            font-size:15pt;
            color:#666;
            font-weight:bold;
    }
    375 x 305 - 20K