I just tested your product Spire.PDF using an HTML string that should generate a 20 page PDF. The fonts that are generated are very grainy. Also, the bottom border of some tables was not drawn.
The HTML has the following inline CSS. A
- Code: Select all
@page letter {size: 8.5in 11in;}BODY {background: #FFFFFF;color: #000000;font-family: Arial, Helvetica, sans-serif;font-size: 12px;margin: 0px;padding: 0px;page: letter;}TABLE { border-color: #C8C8C8; }TD {border-color: #C8C8C8;color: #000000;empty-cells: show;font-size: 12px;margin: 0px;padding: 3px;}.h1 {font-family: Arial, Helvetica, sans-serif;font-size: 18px;font-weight: bold;text-align: center;}.h2 {font-family: Arial, Helvetica, sans-serif;font-size: 15px;font-weight: bold;text-align: center;}.h3 {font-family: Arial, Helvetica, sans-serif;font-size: 13px;font-weight: bold;text-align: center;}.smallprint {font-family: Arial, Helvetica, sans-serif;font-size: 11px;}.finePrint {font-family: Arial, Helvetica, sans-serif;font-size: 9px;}.headerCell {background: #EEEEEE;border-bottom: 1px solid;border-color: #C8C8C8;border-right: 1px solid;font-weight: bold;text-align: center;}.headerCellLarge {background: #EEEEEE;border-bottom: 1px solid;border-color: #C8C8C8;border-right: 1px solid;font-size: 15px;font-weight: bold;text-align: center;}.shadedCell {background: #EEEEEE;border-bottom: 1px solid;border-color: #C8C8C8;border-right: 1px solid;}.tableCell {border-bottom: 1px solid;border-color: #C8C8C8;border-right: 1px solid;}.tableBorder {border-color: #C8C8C8;border-left: 1px solid;border-top: 1px solid;}.nobreak { page-break-inside: avoid; }.spacer {display: block;font-size: 8px;height: 12px;overflow: hidden;width: 100%;}/* show or hide specific sections */.creditCard {/**/display: block;/**/}.pastDueFee {display: block;}input.buttonSubmit {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;background: -webkit-linear-gradient(#C33, #C00); /* For Safari 5.1 to 6.0 */background: -o-linear-gradient(#C33, #C00); /* For Opera 11.1 to 12.0 */background: -moz-linear-gradient(#C33, #C00); /* For Firefox 3.6 to 15 */background: linear-gradient(#C33, #C00); /* Standard syntax */border: none;box-sizing: border-box;color: #FFF;/*font-family: \"Roboto\";*/text-align: center;text-decoration: none;/*-webkit-box-shadow: 0 .162rem .162rem -.162rem rgba(0, 0, 0, .52);border-bottom: .081rem solid #833713;-ms-border-radius: .243rem;border-radius: .243rem;font-size: .9rem;padding: .36rem .72rem;-ms-text-shadow: .081rem .081rem .081rem #7F3636;text-shadow: .081rem .081rem .081rem #7F3636;*/-webkit-box-shadow: 0 .18rem .18rem -.18rem rgba(0, 0, 0, .52);-ms-text-shadow: .09rem .09rem .09rem #7F3636;text-shadow: .09rem .09rem .09rem #7F3636;border-bottom: .09rem solid #833713;border-radius: .27rem;-ms-border-radius: .27rem;font-size: 1rem;padding: .4rem .8rem;}-->