如何为Google Web字体的font-family / font-weight组合取别名？

Question

TL; DR：DEMO

我正在使用具有半粗体样式的Google网络字体Poppins。要使用它，我必须添加：

body {
  font-family: 'Poppins';
  font-weight: 600;
}

我想知道是否有一种方法（如果有的话，如何）将字体家族和字体粗细的组合命名为新的字体家族，以便我可以通过添加以下内容来使用它：

body {
  font-family: 'Poppins Semi Bold';
}

（我还添加了<link href="https://fonts.googleapis.com/css?family=Poppins:400,600" rel="stylesheet">来导入字体）

Answer 1

是的，创建一个课程

.poppins-semi-bold {
    font-family: 'Poppins';
    font-weight: 600;
}

并像使用它

<div class="poppins-semi-bold">This is poppins semi bold</div>