iOS changing curly apostrophes to straight
All my iOS browsers (Safari, Chrome, Firefox, and Opera) take it upon themselves to change apostrophes that are followed by an ‘s’ to the typographically incorrect straight single quote character. Even stranger is that it does not make this change if the apostrophe is not followed by an ‘s’. Screen capture shows an example of each:
I can fix this problem by inserting a Word Joiner character (HTML entity
⁠
) on either side of the ’
character.Here is the HTML that should work:
<li>Delta Airlines’ Sky magazine</li><li>Delta Shuttle’s Shuttle Sheet magazine</li>
And here is the HTML that actually does work:
<li>Delta Airlines⁠’ Sky magazine</li><li>Delta Shuttle⁠’⁠s Shuttle Sheet magazine</li>
None of my OSX desktop browsers exhibits this odd behavior. In other words, in OSX I can omit the Word Joiner characters and the curly apostrophe displays correctly with or without the trailing ‘s’. And yes, I am explicitly declaring
<meta charset="utf-8">
.So I can work around this, but I shouldn’t have to; it’s a pain to have to be ever-vigilant about this every time I use an apostrophe, and it makes the HTML a bit more cluttered and obscure. Does anyone know what’s going on here?
MacBook Air, OS X Yosemite (10.10.5), null