svg text stroke

by danield770

HTML

<span>Some text</span>

<svg>  
<text class="text" x="0" y="100px" font-family="Verdana" font-size="50px" stroke="black" stroke-width="2" fill="none">Some text</text>  
</svg>  

<div>Some text</div>

CSS

body {
    background: silver;
}
.text {
    fill: #fff;
}
span, div {
    font-family: verdana;
    font-size: 50px;
    color: #fff; 
    display:block;
}
div {
    -webkit-text-stroke: 2px black;
}