粗体字母，尽管未导入粗体

Question

我正在CSS中使用Google字体导入两个字体的粗细（300和400），并声明一些类来使用它们。在此示例中，我将使用字体 Yanone Kaffeesatz 。我希望我只能再使用这两种字体的粗细。但是以某种方式也可能获得粗体或700的粗体。所有字体似乎都是这种情况，我不知道发生了什么。

@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400&display=swap');
p {
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size: 30px;
  font-weight: 400;
}

.light {
  font-weight: 300;
}


/* This should be impossible, right?  */

.bold {
  font-weight: 700;
}

<p>
  Regular
</p>

<p class="light">
  Light. This makes sense, it is imported.
</p>

<p class="bold">
  Bold. But why?
</p>

或者是JSFiddle

带有font-weight: 700的字母从哪里来？