OpenSans Semibold Normal显示为斜体

Question

我遇到从Google网络字体导入的Open Sans字体的问题。 OpenSans Semibold（600）正常突然出现在我用斜体显示的所有网页上。 我尝试将font-style强制为normal等，但结果相同。将字体粗细更改为500或800后，它恢复正常样式。

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSuY5mlVXtdNkpsMpKkrDXP4.woff) format('woff');
}

JSFiddle

即使Google字体也以斜体显示。

Answer 1

有同样的问题，这是我在本地安装的Open Sans的冲突。尝试首先禁用本地安装的字体。

Answer 2

我不确定这个问题，因为你的小提琴似乎工作正常，但你可以这样简化你的SCSS代码。

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600);

p {
    font-family: 'Open Sans';

    &.weight300 { font-weight: 300 }
    &.weight400 { font-weight: 400 }
    &.weight600 { font-weight: 600 }
}

Answer 3

看起来小提琴工作正常，所以你可能有另一种风格影响它。我会用DOM检查器检查一下。 您可能还会检查未关闭的标签，有时这些标签也会带来其他代码的样式。如果这不起作用，你可以尝试强制使用！important或jQuery作为最后的手段

<div class="center-div"></div>

body
{
  background-color: #fcfcfc;
}
.center-div
{
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100px;
  height: 100px;
}

它很奇怪，因为我不会认为斜体在没有导入的情况下会起作用，我在你的代码中看不到它。