Use of HTML rendering tag in Jboss Seam PDF

Question

I need to present texts with changed background color and in different fonts within an html rendering tag, but the correct value is not shown.

Tag used:

<p:document
    xmlns:p="http://jboss.com/products/seam/pdf"
    creator="#{messages['report.creator']}"
    margins="0 0 0 0">
    <p:html value="#{relatorioAction.textoEmHtml}"/>
</p:document>

Text for rendering:

<p style="text-align: center;">
 <span style="font-family: &quot;comic sans ms&quot;, sans-serif; color: #ff0000;">
  <span style="background-color: #99cc00;">
   <strong>
    <em>
     <u>Texto em cor vermelho sublinhado com cor de fundo verde oliva</u>
    </em>
   </strong>
  </span>
 </span>
</p>
<p style="text-align: center;">
 <strong>
  <em>
   <u>
    <span style="color: #ffa500;">
     <span style="background-color: #000000;">
      Texto em cor laranja com cor de fundo preto
     </span>
    </span>
   </u>
  </em>
 </strong>
</p>

Trying to print this, the pdf will be the two lines in Arial and without background color.

Is there any setting that I’m leaving aside and that acts on that impression?

Answer 1

I was going to write as a comment for not having a test environment, but it’s getting great so it goes as a response even without being able to test...

First on the fonts, there’s something called Web Safe Font, in summary your user needs to have the source installed in the Operating System to see the source correctly. See the image below to better understand. A reference source https://developer.mozilla.org/en-US/docs/Learn/CSS/Styling_text/Fundamentals#Web_safe_fonts

Then there are variations of the name for the same font-family, so save yourself and include the two variations for example as below:

font-family: "Comic Sans MS", "Comic Sans", cursive;

Then I noticed that you didn’t put the Quote character " " in the font name and this is not within the correct CSS writing format, so do not use " and use double quotes only " or single quotes '. In the case how you are using style right in the tag the ideal would be to leave so " ' ' " or the other way around ' " " '

style="font-family: 'Comic Sans MS', 'Comic Sans', cursive;"

---

About the background img and color

In print you can see in these two answers that I gave some alternatives to do this! But basically for image you can use inside the @print one display:block on the tag <img>, for img as background-image does not work, and for color you can use box-shadow with the attribute inset to play the "inside" color of the element.

Follow the other answers I’ve done about color and image at the time of printing. I recommend that you read the full answers, here is only the summary...

For image:

Apply watermark without affecting text

Print page with Background

.imagem {
    display: none;
}

@media print {
    .imagem {
        display: block;
    }
}

<div class="imagem">
    <img src="cancelado.png" alt="">
</div>

Color

Print HTML page keeping the page CSS

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

table thead tr th {
    background: greenyellow; /* cor antes da impressão */
}

@media print{
  table thead tr th{
    box-shadow: 0 0 0 1000px red inset;  /* cor para impressão */
  }
}

<div class="container">
    <table border="1">
        <thead>
            <tr>
                <th>Item 1</th>
                <th>Item 2</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Texto 1</td>
                <td>Texto2</td>
            </tr>
        </tbody>
    </table>
</div>

---

A tip

Check the documentation of Jboss Seam Pdf if it has like you automatically embedar to font-family, here on the Adobe website has information about this: https://helpx.adobe.com/acrobat/using/pdf-fonts.html

About the background color/image you can see in the documentation if you can print the PDF as an image https://helpx.adobe.com/acrobat/kb/quick-fix-print-pdf-image.html or if you have the option to bring by default the option of "Background Graphics" as mentioned in the comment.