在IE11中使用已安装的字体vs webfont时，打开Sans字体更粗

Question

我在IE11中遇到一个问题，当在本地安装了字体的计算机上显示字体时，Open Sans显示的颜色较厚，而字体是从webfont网站中提取的。

这发生在使用Google字体Open Sans的内部网站上。字体文件和CSS已经下载，并且直接包含在应用程序中，因为它需要离线功能（因此它不会从Google的服务器中提取）。

我通过从我的计算机上卸载Open Sans发现了这个问题，发现它显示正常，但如果它安装在我的计算机上，它会更厚。要清楚的是，它不仅仅是显示粗体字体，因为我仍然可以更改字体粗细，它仍然变得更加大胆。这也只发生在IE11中，无论在什么情况下都适用于Chrome。查看Chrome中呈现的字体显示正在使用的正确权重。我不知道如何在IE中检查这个。

这是用于在网站中包含字体的CSS：

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(fonts/OpenSans-Regular.woff2?v=1.5.0) format('woff2'), url(#{$assets-path}fonts/OpenSans-Regular.woff?v=1.5.0) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(fonts/OpenSans-SemiBold.woff2?v=1.5.0) format('woff2'), url(#{$assets-path}fonts/OpenSans-SemiBold.woff?v=1.5.0) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(fonts/OpenSans-Bold.woff2?v=1.5.0) format('woff2'), url(#{$assets-path}fonts/OpenSans-Bold.woff?v=1.5.0) format('woff');
}

以下是安装在计算机上的IE中字体的屏幕截图：

以下是未安装字体的镜头：

Answer 1

我最终删除了对该字体的本地副本的引用，强制该网站使用下载的副本，而不是从每种字体中删除followig代码：

local('Open Sans SemiBold'), local('OpenSans-SemiBold')