相同的字体在 h1 类中显示不同答案

【问题标题】：Same font displayed differently in h1 class相同的字体在 h1 类中显示不同
【发布时间】：2016-02-14 22:07:31
【问题描述】：

' 字符在我们网站的侧边栏和主要部分中的显示方式不同。请参阅我的测试页面了解差异：http://www.burkinart.com/test。侧边栏顶部名称 burkin'art 中的字符 ' 正确显示。样式很简单：

h1 {
    font-weight:100;
    font-size: 8em;
    font-family:'Roboto' !important;
}

我已经测试了不同的选择器、类并且没有任何样式表，但我无法让 ' 字符在主要部分中正确显示。我错过了什么？侧边栏和主要部分有什么区别？

编辑：谢谢大家。我让它与&#39;一起工作！（但每次我将页面保存在 WordPress 中时，我都需要在标题中插入 &#39;，这暂时可以）。我认为这与数据库中的字符集有关。

【问题讨论】：

这两个引号是不同的，请尝试从侧边栏复制文本并将其粘贴到主要部分，或使用以下代码：&#39; 单引号。

标签： css fonts

【解决方案1】：

看起来使用了 2 个不同的字符：

burkin'art 和 burkin’art

这与您的 CSS 无关。您需要将它们全部更改为一种引用类型，以便它们看起来都一样。

【讨论】：

谢谢，看看我对 Andrusch 的评论。问题似乎出在 WordPress 内？

【解决方案2】：

您在主要部分使用了不同的口音！

你在写

布金艺术

在侧边栏中，但是

布金艺术

在主要部分。我只是复制粘贴了 Chrome 检查员在您的链接 http://burkinart.com/test/ 上显示给我的代码

使用相同的 ' 字符再次编写内容。

【讨论】：

会这么简单吗？！ :) 我试过了，但它不起作用。现在我看到了区别，一个是直接来自 php 文件，另一个是在 WordPress 中编写的。WP 是否对字符做了其他事情？
:) .. 有时大问题的解决方案确实如此简单.. 您要添加哪种口音？您是在 WP 还是侧边栏中编辑主要内容？ php文件来自哪里？如果您可以访问它，您可以在那里更改口音。

【解决方案3】：

该问题是由于使用了错误的字符引起的，请使用以下 HTML 解决该问题。

<a class="sidebar-brand" href="index.php">burkin'art</a>


<a href="http://burkinart.com/test/" rel="bookmark" title="Permanent Link to burkin’art">burkin'art</a>

【讨论】：

【解决方案4】：

快速查看您在页面上的代码发现使用的撇号或 ' 有所不同。

您的代码显示了 burkin'art 与纯文本 burkin'art。

使用的撇号就像来自自定义字体的特殊字符。

尝试一种快速补救措施 - 在任何文本编辑器（如记事本）上键入 burkin'art，将其复制并粘贴到您的代码中，然后重试。当我检查 FF 中的元素并编辑撇号时，它似乎解决了问题 - 仅适用于 <H1> 标记中的文本。（见截图）

【讨论】：

谢谢，看看我对 Andrusch 的评论。问题似乎出在 WordPress 内？
可能是您在CMS中输入内容时的编码文本...始终使用WP中的简单文本编辑器而不是默认的“Word”编辑器界面，然后字符编码是可靠的

【解决方案5】：

谢谢大家。我让它与&#39;一起工作！（但每次我将页面保存在 WordPress 中时，我都需要在标题中插入 &#39;，这暂时可以）。我认为这与数据库中的字符集有关。

【讨论】：