Text: -Webkit-stroke?

I have set up a text box as follows:

The CSS (added to the page) is as follows:

.text_stroke_red {
  -webkit-text-stroke: 2px red;
}

The result is this:

The letters H, K, Q, R and Z have odd looking outlines.?

If I change the font Family from Heading to Body, the result is this:

Now the letters A, B, K, M, N, P, Q and X have odd looking outlines.

There isn’t a consistency of odd letter outlines between the two font families.

Examples, I have googled on the web don’t exhibit this problem? :thinking: