Svg text

<svg viewBox="0 0 240 80" xmlns="http://www.w3.org/2000/svg">
  <style>
    .small { font: italic 13px sans-serif; }
    .heavy { font: bold 30px sans-serif; }

    /* Note that the color of the text is set with the    *
     * fill property, the color property is for HTML only */
    .Rrrrr { font: italic 40px serif; fill: red; }
  </style>

  <text x="20" y="35" class="small">My</text>
  <text x="40" y="35" class="heavy">cat</text>
  <text x="55" y="55" class="small">is</text>
  <text x="65" y="55" class="Rrrrr">Grumpy!</text>
</svg>

Source: developer.mozilla.org

Similar codes

32 votes218 views6 answers
Vue conditional class
Html
0 vote185 views1 answer
Html how to create a box in the middle of a image
Html
0 vote184 views1 answer
Use font on website html
Html
0 vote176 views1 answer
Query dns
Html
1 vote242 views1 answer
Html cursief
Html
16 votes220 views5 answers
Bgcolor html
Html
0 vote202 views1 answer
Script file not working in internet explorer
Html
15 votes201 views3 answers
Jquery change picture src
Html
15 votes207 views6 answers
Html basic code
Html
11 votes210 views3 answers
Html text justify
Html