Created attachment 387093 [details] screenshot of ::first-letter styling When there is a special character in the second letter of a paragraph (e.g. !, #, @, & and others), the CSS selector ::first-letter overflows and selects subsequent letters. This seems to be a common issue in multiple browsers. Example and current workaround: https://codepen.io/duncan_ie/full/povzbeR
<rdar://problem/58448389>
This is intentional, and per-spec. https://drafts.csswg.org/css-pseudo-4/#first-letter-pseudo "Punctuation (i.e, characters that belong to the Punctuation (P*) Unicode general category [UAX44]) that precedes or follows the first typographic letter unit and any intervening space separators (characters that belong to the Zs Unicode general category [UAX44]) must also be included as part of the first-letter text in the ::first-letter pseudo-element."