Safari / Firefox on Mac not rendering · properly

I have some text that looks like this:

Some Text · SomeMoreText

In all Windows browsers, this shows up like:

But on the Mac, it shows up like:

Why does the Mac trim the space following the dot? Even   doesn't work.

The problem is the font you're using (Arial Black). For some reason there seems to be an issue with the kerning on the mid-dot character in the Mac version of this font. You'll need to use a different font to fix this issue.