Chrome cuts off parts of type on the left, firefox and IE display fine. Chrome bug?

Question

I have a regular H3 element with a custom font (Didot from Linotype) in italic style. See:

Answer 1

I fixed a similar issue to this by adding a small text indent

    text-indext: 4px;

The exact indent value needed will differ depending on the font itself and the size of the font. For emample using @Nico O jsfiddle adding a 16px text indent fixes the issue.