How to keep the font in HTML coming from a p: textEditor / IReport?

My application is properly generating the IReport report.

But when generating the PDF and displaying it in JasperViewer the text is in a very small font, different from the one written by <p:textEditor/> .

I tried to preconfigure the component. And even adding styles, colors and etc the data is recorded, but at the time of displaying, they are tiny?

I use the HtmlComponent of iReport.

Does anyone generate reports with html content so that the text saved in the database stays the same as generating the report?

<div class="row">
    <div class="col-md-12">
        <h:panelGroup id="pnl-editor">
            <p:textEditor id="txt-editor"
                          style="font-size: 12px; font-family: Arial, Helvetica, Tahoma sans-serif"
                          value="#{estudoFraudeTextoBean.texto}"
                          widgetVar="texto"
                          height="200"/>
        </h:panelGroup>
    </div>
</div>