Question

我有一个wordpress网站（使用Salient主题）和一个商店网站。两者都使用相同的字体。在wordpress网站上是一个带有e-acute（é）的文本。这显示很好，但在我的商店中，相同的角色显示不同（在Chrome和Firefox中看起来更大胆，更小）。

我尝试过使用不同的字符集和html字符（é é）。我试过从WP网站上复制这个角色。我尝试用Notepad ++将字符转换为UTF-8编码。我检查了两个网站的CSS，它们完全一样。当然，我已经在stackoverflow上检查了很多其他答案。

我不知所措。可能是什么问题？

html页面使用utf-8编码，数据库也是如此（utf8-general-ci）

HTML

<meta charset="utf-8">
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">

CSS

@font-face {
    font-family: 'Open Sans';
    src: url('@{fontUri}/OpenSans-Light-webfont.eot');
    src: url('@{fontUri}/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
    url('@{fontUri}/OpenSans-Light-webfont.woff') format('woff'),
    url('@{fontUri}/OpenSans-Light-webfont.ttf') format('truetype'),
    url('@{fontUri}/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: 300;
    font-style: normal;
}

.teaser-text {
    line-height: 32px;
    font-size: 24px;
    letter-spacing: -0.5px;
    line-height: 22px;
    font-size: 21px;
    font-family: "Open Sans";
    font-weight: 300;
}

为什么在我的两个网站上，重点显示不同的特殊字符？

0 个答案: