<div class="headline--type09">
  <h2 class="headlineTitle">
    <svg><text y="1em">SVGを使用した文字の縁取りの見出しテキストテキストテキストテキストテキストテキスト</text></svg>
  </h2>
</div>
                

.headline--type09 {
  display:block;
  text-align:center;
  .headlineTitle{
    display:inline-block;
    svg{
      width:22em; //テキストの長さにあわせて調整してください
      height:2.4em;
    }
    text{
      stroke: #666;
      stroke-width: 1px;
      fill: #FFF;
      font-size: 1.5em;
      font-weight: 900;
    }
  }
}