How to get an outline effect on text in SVG?

paint-order: stroke; worked wonders for me in this D3 chart I’m working on.

My final css:

.name-text {
    font-size:  18px;
    paint-order: stroke;
    stroke: #000000;
    stroke-width: 1px;
    stroke-linecap: butt;
    stroke-linejoin: miter;
    font-weight: 800;
}

My source (scroll down just a bit):
https://svgwg.org/svg2-draft/painting.html#PaintOrderProperty

Leave a Comment

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)