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

Question

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

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

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

  编辑：谢谢大家。我让它与'一起工作！ （但每次我在WordPress中保存页面时，我都需要在标题中插入'，现在这很好。我认为它与数据库中的字符集有关。

Answer 1

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

burkin'art和burkin’art

这与您的CSS无关。您需要将所有这些更改为一种类型的引用，以便它们看起来都相同。

Answer 2

You're using a different accent in the main section!

Your're writing

burkin'art

in the sidebar, but

burkin’art

in the main section. I just copy pasted the code from what Chrome inspector showed me at your link http://burkinart.com/test/

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

Answer 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>

Answer 4

在页面上对您的代码进行快速审核后发现了撇号或“撇号”的差异。用过的。

您的代码显示的是burkin'art与纯文本 burkin＆＃39; art 。

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

在记事本等任何文本编辑器上尝试快速补救 - 输入 out burkin＆＃39;艺术品，将其复制并粘贴到您的代码中，然后重试。当我在FF中检查元素并编辑撇号时，它似乎解决了问题 - 仅适用于<H1>标记中的文本。 （见截图）

Answer 5

谢谢大家。我让它与'一起工作！ （但每次我在WordPress中保存页面时，我都需要在标题中插入'，现在这很好。 我认为它与数据库中的字符集有关。