Dotted underlines don't render properly in Chrome
Use text-decoration-skip-ink: none (The default was changed to auto in https://crrev.com/514104.)
If you look closely, the gaps in the underline correspond to the loops at the bottom of the letters, which lie very close to the baseline of the font. It appears that the skip-ink algorithm is choosing to cut the underlines off here — but only for dotted and dashed, and only at certain font sizes.
https://crbug.com/808603 suggests that the underlying reason is that the dots and dashes are two pixels tall.