From a web page we are sending an HTML container (div) to a Zebra ZC350 printer.
Text prints poorly on the card.
We have put an Arial type font with 8pt for some text or 6pt for others.

It is not clear to us how the printer works in terms of the fonts it uses (if it has fonts pre-installed on the printer or if it uses the fonts of the operating system).
Any clarification regarding this matter would be very helpful. 

Thanks in advance.

We attach an example of the HTML code.

<div id="imgTarjeta" class="interno" role="img" aria-labelledby="titleTarjeta" aria-describedby="infoTarjeta" style="font-family: Arial, Helvetica, sans-serif;">
<span class="visually-hidden" id="titleTarjeta">Previsualización de tarjeta</span>
<span class="visually-hidden" id="infoTarjeta">TEXTO PRUEBA</span>
<div id="divMinisterio">
<ul id="textoMinisterio" class="nomarg noLista" style="font-size: 8pt;"><li><strong>MINISTERIO</strong></li><li><strong>DE</strong></li><li><strong>PRUEBA</strong></li></ul>
</div>
<img id="institucion" src="data:image/png;base64,R0lGODlhhACEAIcA..." class="" alt="Logotipo de institución." title="Logotipo" style="width: 6.5mm; height: 7mm; left: 51.5mm; top: 5mm;">
<ul id="pInstitucion" class="nomarg alineacionInstitucion noLista" style="font-size: 6pt; top: 4.8mm; left: 57mm;">
<li><strong class="preSpaces" id="instL1"> </strong></li>
<li><strong class="preSpaces" id="instL2">  Descripción de la</strong></li>
<li><strong class="preSpaces" id="instL3">  Institución</strong></li>
</ul>
<div id="divUsuario">
<ul id="pUsuario" class="noLista">
<li class="pre"><strong id="linea1">TEXTO</strong></li>
<li class="pre"><strong id="linea2">PRUEBA</strong></li>
<li class="pre"><strong id="linea3"> </strong></li>
<li class="pre"><strong id="linea4">Nº PXX-0004</strong></li>
</ul>
</div>
<img width="72" height="90" src="../img/Imagen.jpg" title="Fotografía de la tarjeta" class="imagePosition" style="bottom: 7.5mm; right: 8.9mm;">
</div>