如何用向外笔划在css中绘制文本轮廓？

Question

我需要在向外笔划的文本上绘制轮廓。

<div style="color:#CDCDCD;
            -webkit-text-stroke-color:black;
            -webkit-text-stroke-width:0.04em;
            font-family:sans-serif;
            word-wrap:normal;
            font-size:57px;
            background-color:transparent;
            text-align:left;
            line-height:112%">
    <p>
        PI:<span style=";font-style:italic">I TRAINED WITH HIM</span>
        <br/> 
        <span style=";font-style:italic">three times a week</span>
        <br/> 
        <span>at the ashram.</span>
    </p>
</div>

-webkit-text-stroke在文本上形成黑色轮廓，但是向内绘制轮廓，这会减少字体的白色部分并使其看起来很薄。那么有没有办法在文本的外面画出轮廓。

感谢。