title: font-size rendering issue with HTML component
body: <p>I am facing a problem with the text font-size of my pdf report while rendering an embeded html component such as :</p>
  
  <p>my Java code :</p>
  
  <pre><code>StringBuilder htmlBody = new StringBuilder("");
  htmlBody.append("&lt;p class=\"m\"&gt;").append(mainSkillCategory.getName()).append("&lt;/p&gt;\n");
  for(SubSkillCategory subSkillCat : mainSkillCategory.getSubSkillCategories()){
      htmlBody.append("&lt;p class=\"c\"&gt;").append(subSkillCat.getName()).append("&lt;/p&gt;\n");
      for(Skill skill : subSkillCat.getSkills()){
          htmlBody.append("&lt;p class=\"s\"&gt;").append(skill.getName()).append("&lt;/p&gt;\n");
      }
  }
  StringBuilder html = new StringBuilder("");
  html.append("&lt;!DOCTYPE html PUBLIC \"-//W3C//DTD HTML 4.01//EN\"&gt;\n");
  html.append("&lt;html&gt;\n");
  html.append("&lt;head&gt;\n");
  html.append("    &lt;title&gt;Sample of html based report&lt;/title&gt;\n");
  html.append("    &lt;style type=\"text/css\"&gt;\n");
  html.append("        p.m {\n");
  html.append("              font-size: 12px;\n");
  html.append("              font-family: \"Calibri\";\n");
  html.append("              padding: 0pt 0pt 0pt 1cm;\n");
  html.append("              font-weight: bold;\n");
  html.append("              margin: 1pt 0pt 1pt 0pt;\n");
  html.append("        }\n");
  html.append("\n");
  html.append("        p.c {\n");
  html.append("              font-size: 12px;\n");
  html.append("              font-family: \"Calibri\";\n");
  html.append("              padding: 0pt 0pt 0pt 2cm;\n");
  html.append("              font-weight: bold;\n");
  html.append("              margin: 1pt 0pt 1pt 0pt;\n");
  html.append("        }\n");
  html.append("\n");
  html.append("        p.s {\n");
  html.append("              font-size: 12px;\n");
  html.append("              font-family: \"Calibri\";\n");
  html.append("              font-weight: normal;\n");
  html.append("              padding: 0pt 0pt 0pt 3cm;\n");
  html.append("              margin: 0pt 0pt 0pt 0pt;\n");
  html.append("        }\n");
  html.append("\n");
  html.append("    &lt;/style&gt;\n");
  html.append("&lt;/head&gt;\n");
  html.append("\n");
  html.append("&lt;body&gt;\n");
  html.append(htmlBody.toString());                                                                                                                                                                                                                                                                           html.append("&lt;/body&gt;\n");
  html.append("&lt;/html&gt;");
  params.put("htmlCode", html.toString());
  </code></pre>
  
  <p>.jrxml template :</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;jasperReport xmlns="http://jasperreports.sourceforge.net/jasperreports" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://jasperreports.sourceforge.net/jasperreports http://jasperreports.sourceforge.net/xsd/jasperreport.xsd" name="Html component" pageWidth="595" pageHeight="842" columnWidth="200" leftMargin="20" rightMargin="20" topMargin="20" bottomMargin="20"&gt;    
      &lt;style name="backgroundStyle" mode="Opaque" backcolor="green"/&gt;
      &lt;parameter name="htmlCode" class="java.lang.String"/&gt;
      &lt;title&gt;
          &lt;band height="200"&gt;
              &lt;componentElement&gt;
                  &lt;reportElement style="backgroundStyle" x="0" y="0" width="550" height="200"/&gt;
                  &lt;hc:html xmlns:hc="http://jasperreports.sourceforge.net/htmlcomponent" xsi:schemaLocation="http://jasperreports.sourceforge.net/htmlcomponent http://jasperreports.sourceforge.net/xsd/htmlcomponent.xsd" scaleType="RetainShape" horizontalAlign="Left" verticalAlign="Top"&gt;                   
                      &lt;hc:htmlContentExpression&gt;&lt;![CDATA[$P{htmlCode}]]&gt;&lt;/hc:htmlContentExpression&gt;
                  &lt;/hc:html&gt;
              &lt;/componentElement&gt;
          &lt;/band&gt;
      &lt;/title&gt;
  &lt;/jasperReport&gt;
  </code></pre>
  
  <p>if I proceed to report generation with <code>JasperExportManager.exportReportToHtmlFile()</code> the output is:
  <img src="https://i.stack.imgur.com/rK05I.png" alt="html output"></p>
  
  <p>However, if I proceed with <code>JasperExportManager.exportReportToPdfStream()</code>, I get:
  <img src="https://i.stack.imgur.com/UYoOJ.png" alt="pdf output"></p>
  
  <p>It might be hard to tell the difference from the joined screenshots, but it seems that the font-size of the generated pdf report which is specified within the CSS classes (i.e. p.m, p.c, p.s) is way bigger than what it actually should be (i.e. 12).</p>
  
  <p>Someone here might have faced this problem before. Any help will be more than welcome.</p>