UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.86 Safari/537.36

Steps to reproduce the problem:
- Create a text using a font that uses circles for dots (Courier New, Roboto)
- Apply a stroke with a width of about the font size to a text
- Display an 'i', 'j', or '.'

Here is an example:

<svg viewBox="-20 -50 300 200" font-size="18" fill="none" stroke-width="12"  stroke-linejoin="round">
  <text y="0" font-family="Courier New" stroke="#4CCFE0">
    <tspan>i j . o</tspan>
  </text>
  <text y="50" font-family="Roboto" stroke="#9540EC">
    <tspan>i j . o</tspan>
  </text>
  <circle cx="5" cy="80" r="0.3" stroke="#EB407A"/>
</svg>

Here is the example in jsfiddle: https://jsfiddle.net/m403zujv/

What is the expected behavior?
A filled outline of the text should be displayed.

What went wrong?
Holes appear in the outline where round dots in the text are used.

Did this work before? N/A 

Chrome version: 59.0.3071.86  Channel: stable
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)
Flash Version: 

Interestingly, as you can see in the example, the artefacts do not seem to show if a small circle element is rendered.
 

Deleted: rendering_acutal.png 7.3 KB

	rendering_acutal.png 7.3 KB View Download

Deleted: rendering_expected.png 6.1 KB

	rendering_expected.png 6.1 KB View Download