OK, a small tutorial for CSS.
Take this div-Tag for the one in the Middle which includes the {param}. All Font-formatting can be done with this.
HTML Code:
<div align="center" style="background-color: White; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-weight: bold; font-variant: small-caps; color: black;">{param}</div>
alternative:
Enter a new Class in the Additinal Style-Settings called this.
HTML Code:
.shield { background-color: White; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: small; font-style: normal; font-weight: bold; font-variant: small-caps; color: black; }
and use this div tag.
HTML Code:
<div class="shield">{param}</div>
Description of the used Flags:
background-color: OK, I think no explanation necessary

font-family: The Font or Font-Family you want to use. You can enter more than one Font like in my demo. For higher compatibility use fonts which are installed on any OS and Include serif, sans-serif or monospace.
font-size: The Size you wanr to use. You can use hier absolute Size like 10pt oder 12px, or you can use words like smaller or bigger. just test around what fits perfectly in your design.
font-style: normal or italic.
font-weight: normal, bold, bolder, lighter. In normal case normal and bold are the only differences.
font-varian: normal or small-caps.
color: The Font color you want to use. You can enter names Colors or hex-Numbers like #000000 for black.
additinal entrys that can be interesting:
text-decoration: underline, overline, none or line-through
text-transform: uppercase, lowercase, capitalize or none
letter-spacing: eg. 5px
you also may add a background-Image to the Shield if you insert the following into the div-tag.
background-image: url(path/to/bgfile.gif);
I hope this helps you.