OpenSans Semibold Normal 显示为斜体答案

【问题标题】：OpenSans Semibold Normal displayed as ItalicOpenSans Semibold Normal 显示为斜体
【发布时间】：2016-01-16 01:29:07
【问题描述】：

我对从 Google Web Fonts 导入的 Open Sans 字体有疑问。 OpenSans Semibold (600) 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 字体也以斜体显示。

【问题讨论】：

看来你的小提琴工作正常。 OpenSans Semibold (600) normal 不会呈现斜体。

标签： css font-face webfonts

【解决方案1】：

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

【讨论】：

【解决方案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 }
}

【讨论】：

看图片 - 我什至在 Google 字体中也能看到。但是，如果您在小提琴中看到它没问题，那肯定是我的电脑出了问题，尽管 localhost 上的字体可以正常工作...
哈，我试图从我的计算机中删除所有 Open Sans 字体并重新安装。现在它工作正常，即使是在线网站。但就是不明白。在这个问题发生前几个月我就有了这个字体。
是的，我还假设它在您的计算机上使用 Open Sans 字体。反正你能解决就好了。

【解决方案3】：

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

<script>

      $( ".element-in-question" ).css( "font-style", "normal" );

</script>

这很奇怪，因为如果不导入斜体，我认为斜体不会起作用，而且我在您的代码中看不到它。

【讨论】：

这很奇怪，因为在本地主机上我以正常的方式看到它。但是我一上传到网上（同样的 CSS），它就是斜体。
您是否检查了 DOM 以了解样式的来源？另外，只是一个远景，您可以尝试使用 javascript 导入您的字体工具包。我现在经常这样做