title: Styling text using CSS like thicker svg text when stroke is defined
body: <p>When the attribute "stroke" of an svg text is defined, the text looks thicker.</p>
  
  <p>I get the same result in webkit, gecko, and trident.</p>
  
  <p>I am working with a designer using svg, I would like to get the same result that he has designed, but in html/css.</p>
  
  <p>Example:</p>
  
  <pre><code>&lt;div&gt;bla - html&lt;/div&gt;
  &lt;div style="font-weight:bold"&gt;bla - html bold&lt;/div&gt;
  &lt;svg height="30px"&gt;&lt;text x="0" y="20"&gt;bla - svg&lt;/text&gt;&lt;/svg&gt;
  &lt;svg height="30px"&gt;&lt;text x="0" y="20" stroke="#000000"&gt;bla - svg stroke&lt;/text&gt;&lt;/svg&gt;
  </code></pre>
  
  <p>Result screenshot:</p>
  
  <p><img src="https://i.stack.imgur.com/7Clov.png" alt="enter image description here"></p>
  
  <p>How can I simulate that in html/css?</p>