Hi,
we have noticed that when our data is placed within tables the pdf output renders values in different font sizes. However, in the html view the sizes are consistent. Please see attached pdf sample for comparison with below html view it is based upon:
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Contract Information Sheet - Leisure Centre/Swimming Pool "The Works" Ebbw Vale - 1</title>
<style type="text/css">
body {
font-family: Verdana, Geneva, 'DejaVu Sans', sans-serif;
font-size: 9px;
width: 100%;
}
.main {
width: inherit;
border-collapse: collapse;
}
.heading {
background-color: #4E589E;
background: #4E589E;
color: #fff;
font-weight: bold;
padding: 0.2em 0 0.1em 0;
font-size: .6em;
}
.containerPadding {
margin: 0;
padding: 0.5em 0.5em 0.5em 0.1em;
}
.main > tbody > tr > td, .main, .pageHeader {
border: solid 2px #000;
}
td {
vertical-align: top;
}
.metrics {
width: inherit;
border-collapse: collapse;
margin: 0;
padding: 0;
}
.thirdWidth {
width: 33%;
}
.threeQuarterWidth {
width: 75%;
}
</style>
</head>
<body>
<table class="main">
<tbody>
<tr>
<td class="heading thirdWidth">OTHER METRICS</td>
</tr>
<tr>
<td class="thirdWidth containerPadding">
<table class="metrics">
<tr>
<td class="threeQuarterWidth"><b><label for="UnbundlingScore">Unbundling Score</label>: </b></td>
<td>300</td>
</tr>
<tr>
<td><b><label for="BimmLevel">BIMM Level</label>: </b></td>
<td>1</td>
</tr>
<tr>
<td><b><label for="CategoryAScore">Category A Score</label>: </b></td>
<td><span>0.00%</span></td>
</tr>
<tr>
<td><b><label for="OperationalStaffIncentivePool">Operational Staff Incentive Pool</label>:</b></td>
<td>40</td>
</tr>
<tr>
<td><b><label for="GrossInternalFloorArea">Gross Internal Floor Area (m²)</label>: </b></td>
<td>0.00m<sup>2</sup></td>
</tr>
<tr>
<td><b><label for="PricePerMeterSquare">Price Per m²</label>: </b></td>
<td>25</td>
</tr>
<tr>
<td><b><label for="IsTabletProject">Tablet Project</label>: </b></td>
<td><span>No</span></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
</div>
</section>
</body>
</html>
thanks!