Hallo,
Aber SVG ist da wohl doch der richtige Ansatz.
Die "runden Ecken" sehen schon ganz passabel aus:
<svg>
<g transform="rotate(30)">
<rect x="100" y="50" width="100" height="50" rx="10" style="fill: #FFC; stroke: #00C; stroke-width: 1px"/>
<text x="115" y="80" style="fill: #F00; font-size: 14px; font-family: Arial, Helvetica, sans-serif">Hallo Welt!</text>
</g>
</svg>
Wenn ry fehlt, wird dessen Wert von rx uebernommen.
MfG, Thomas