使用 CSS 强制显示右单引号而不是撇号

Question

出于某些原因，我希望我的静态博客在有撇号 (') 的地方显示正确的单引号 (’)。是否可以使用 CSS 强制执行？

Answer 1

重要提示：CSS 并不意味着更改或替换文本。您可以使用一些 client-side 脚本语言，例如 Javascript 或 Server-side 语言来执行文本更改功能

OP 解决方案

看起来像是字体问题，请尝试更改您拥有的字体或完全删除字体系列以进行故障排除。 Google Fonts 是开始测试您的文本的好地方，如果您知道您的字体名称并且可以在其中找到它。

HAck：如果你真的想使用 CSS 破解它，你可以将撇号 (') 换成span 标签并使用 :before 或 :after CSS 选择器使用 content 属性更改其内容。同样，不建议这样做，如果字体有问题，您可能会再次看到相同的行为

工作示例

span {
  display: none
}

div:after {
  content: '>';
}

<div>Quote <span> ' </span></div>

Using CSS to force showing right single quotation mark instead of apostrophe