如何包含多个字体？

Question

我知道它的基本知识，但是我找不到如何包含所有类型的单个字体家族，我知道如何包括该家族：

@font-face {
    font-family: "SF Pro Display";
    src: url("../fonts/SFProDisplay.ttf");
}

但是我也想包含Bold，Heavy和Black字体等。

1. 我应该只用相同的姓氏来包括他们吗？
2. 稍后如何在CSS中使用所有这些特定变体？