<div dir="ltr"><div><div><div>Hello all,<br><br></div>I'm struggling with the HTML rendering option of the composer's Labels. I'm not sure if this is a QGIS question, or a html one, but, here it goes:<br><br></div>I'm using a html rendered label and I want to match the font size, style, etc.. of parts of the text with the different fonts used across the composition in other labels, scales, legend items. But I can't seem to be able to control the HTML font sizes with exact values. <br><br>Please have a look at my example: <a href="http://imgur.com/uHctIyl">http://imgur.com/uHctIyl</a><br><br>The top label is a normal label, using ubuntu regular, size 10.<br>The bottom label is HTML renderer, and uses the following syntax:<br><br>
<style type="text/css">
p, li { white-space: pre-wrap; }
</style>
<p style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px"><style></p><p style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px">p {</p>
<p style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px"> font-family: ubuntu;</p>
<p style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px"> font-size: 10pt;</p>
<p style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px"> text-align: justify;</p>
<p style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px"> }</p>
<p style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px"></style></p>
<p style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px"><body></p>
<p style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px"><p>This text is writen with html rendering</p></p>
<p style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;text-indent:0px"></body></p><br>Has you can see, they are not look equal.<br></div><div><br></div><div>Thanks for your help.<br><br></div><div>Alexandre Neto <br></div></div>