Каким образом я могу использовать этот генератор шрифтов в своем проекте?

Для использования генератора шрифтов в вашем проекте, вы можете просто скопировать и вставить сгенерированный CSS код в ваш файл стилей. Этот CSS код будет содержать все нужные стили для выбранного вами шрифта.

Чтобы добавить несколько различных жирных шрифтов в SCSS, вы можете использовать следующий подход:

1. Создайте переменные для каждого шрифта, содержащие пути к файлам шрифтов и их названия:

```scss
$bold-font-1: "path-to-bold-font-1.woff";
$bold-font-2: "path-to-bold-font-2.woff";
$bold-font-3: "path-to-bold-font-3.woff";
```

2. Создайте миксин, который будет генерировать стили для каждого из этих шрифтов:

```scss
@mixin bold-font($font-name, $font-path) {
  @font-face {
    font-family: $font-name;
    src: url($font-path) format('woff');
    font-weight: bold;
    font-style: normal;
  }
}
```

3. Используйте созданный миксин для каждого из шрифтов, передавая ему название и путь к файлу шрифта:

```scss
@include bold-font("Font 1", $bold-font-1);
@include bold-font("Font 2", $bold-font-2);
@include bold-font("Font 3", $bold-font-3);
```

Это позволит вам добавить несколько различных жирных шрифтов в ваш проект, используя SCSS и переменные для удобного управления шрифтами.

Зачем так много форматов тянуть? 
 Достаточно будет woff и woff2. 
 
 Если нужно супер старые браузеры поддерживать добавь ещё .eot 
 
 Зачем изобретать велосипед? 
 https://gist.github.com/jonathantneal/d0460e5c2d5d...