相同的字体粗细，相同的格式，但在同一浏览器中看起来有所不同

Question

我需要直接在DOM中包含字体，我想说的是我需要将字体放入标签中。我可以做到，但是现在，字体看起来有所不同

PD：只有在没有SANS字体的情况下才会发生

我尝试放置不同的CSS属性，例如平滑字体

-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
text-rendering: optimizeLegibility;

更新：嗯，我发现了问题，但没有找到解决办法，这是一个奇怪的问题。通过下载“ OpenSans-Regular”，您可以注意到，如果您放置

font-weight: bold;

您将看到粗体重量，但实际上不是原始的“ OpenSans-Bold”，如果下载“ OpenSans-Bold”，则可以看到推杆之间的区别

<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">

font-family: 'Open Sans'; // Actually this is the open sans regular
font-weight: bold;

结果：

AND

<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" rel="stylesheet">

font-family: 'Open Sans'; // And this is the original open sans bold
font-weight: bold;

结果：

第二个结果的字体粗细为700（明显）比常规字体大 有谁知道这种行为是由于什么造成的？我需要使用“常规”的粗体和“ OpenSans-Bold”的原始粗体（它们都在同一网站上）。预先感谢。

（提醒您！我没有使用Google字体API，仅出于示例目的-但我是从中手动下载OpenSans的）