如何为谷歌网络字体字体系列/字体粗细组合起别名？

Question

TL;DR：DEMO

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

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

我想知道是否有办法（如果有，如何）将 font-family 和 font-weight 的组合别名为一个新的字体系列，这样我就可以通过添加来使用它：

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>