iOS(但不是OSX)浏览器将卷曲撇号更改为直线

时间:2016-09-29 22:22:40

标签: html ios macos punctuation

我所有的iOS浏览器(Safari,Chrome,Firefox和Opera)都会自行更改后面跟着's'的撇号和印刷错误的直撇号。更奇怪的是,如果撇号后面没有's',它进行此更改(屏幕截图curly vs. straight apostrophes 显示每个的示例。)

Codepen example

我可以通过在⁠字符的任意一侧插入Word Joiner字符(HTML实体’)来解决此问题。

以下是应该工作的HTML:

<li>Delta Airlines&rsquo; Sky magazine</li>
<li>Delta Shuttle&rsquo;s Shuttle Sheet magazine</li>

以下是实际 工作的HTML:

<li>Delta Airlines&#8288;&rsquo; Sky magazine</li>
<li>Delta Shuttle&#8288;&rsquo;&#8288;s Shuttle Sheet magazine</li>

我的所有OSX桌面浏览器都没有表现出这种奇怪的行为。 (更新:我 使用OSX v10.7.5-当前版本的OSX 表现出与iOS相同的行为)换句话说,在OSX中我可以省略Word Joiner角色和卷曲撇号在有或没有尾随's'的情况下正确显示。是的,我明确声明<meta charset="utf-8">

所以我可以解决这个问题,但我不应该这样做;每次使用撇号时都必须对此保持警惕是一件很痛苦的事情,这会使HTML变得更加混乱和模糊。有谁知道这里发生了什么?

1 个答案:

答案 0 :(得分:0)

显然,这是Alegreya Sans字体本身的问题,而不是任何浏览器或操作系统:

https://ask.libreoffice.org/en/question/27606/why-does-libreoffice-replace-alegreya-sans-curly-quote-with-its-regular-quote/

根据最终受访者的说法,类型代工厂在2014年解决了这个问题,但是我的网站是以GoogleFont的形式链接到它的,所以2016年它没有修复。我想我只是有与我的&#34; Word Joiner&#34;生活在一起组装机。