CSS Support

#37525

Hi,

I’m using pd4ml 4.0, and some css in html template like bellow:

<style type="text/css">
<!--
.title
{
	font-weight:700;
	font-size:18pt;
	font-family:"Microsoft YaHei UI",sans-serif;
	color:black;
}
.title1
{
	font-weight:700;
	font-size:16pt;
	font-family:"Microsoft YaHei UI",sans-serif;
	color:black;
}
.title2
{
	font-weight:700;
	font-size:14pt;
	font-family:"Microsoft YaHei UI",sans-serif;
	color:black;
}.title3
{
	font-weight:700;
	font-size:10pt;
	font-family:"Microsoft YaHei UI",sans-serif;
	color:black;
}.title4
{
	font-weight:400;
	font-size:10pt;
	font-family:"Microsoft YaHei UI",sans-serif;
	color:black;
}
.STYLE1 {
	font-weight:700;
	font-size:15pt;
	font-family:"Microsoft YaHei UI",sans-serif;
	color:black;
}
-->
</style>



	<tr>
		<td>
			<table width="100%" style="border-style:solid;border-color:black;border-width:2px;">
				<tr>
					<td width="100%"><div class="title">Payroll Advice</div></td>
				</tr>
			</table>
	</td>
	</tr>
	<tr style="height:5px;">
		<td> </td>
	</tr>
	<tr>
		<td>
			<table width="100%" style="border-style:solid;border-color:black;border-width:2px;">
				<tr>
					<td width="69%" style="border-style:solid;border-color:black;border-width:2px;"><div class="title1">${COMPANY_NAME}</div></td>
					<td> </td>
					<td width="30%" style="border-style:solid;border-color:black;border-width:2px;"><div class="title1"> </div></td>
				</tr>
			</table>
		</td>
	</tr>

css tiltle works fine, but title1 does not work.

Please see the screenshot. Looks like the font show correctly in webpage, but not good in pdf.

Attachments:

You must be logged in to view attached files.

[Author]

Posts