SVG: Set <text> content with CSS

Question

Can I

<svg>
  <text></text>
</svg>

svg text {
  content: 'a';
  font-family: 'Glyphicon Halflings';
}

?

It seems :before and :after pseudo-elements are not available, but I would be very happy to have my content set by css. Can I?

Answer 1

Not possible using pure CSS. Need to use simple JS:

function changeMyText()
{
    document.getElementById('MyText').textContent = "new text";
}

and create ID for your SVG text:

<svg>
    <text id="MyText"></text>
</svg>