Чтобы добавить собственное семейство шрифтов с помощью @font-faceв CSS, вы можете использовать следующие методы:

1. Метод 1: встроенный CSS

   <style>
   @font-face {
    font-family: 'CustomFont';
    src: url('path-to-font/customfont.ttf') format('truetype');
   }
   </style>

2. Метод 2: внешний CSS

   <link rel="stylesheet" href="path-to-css/custom.css">

   Внутри файла custom.css:

   @font-face {
    font-family: 'CustomFont';
    src: url('path-to-font/customfont.ttf') format('truetype');
   }

3. Метод 3: кодирование Base64

   @font-face {
    font-family: 'CustomFont';
    src: url(data:font/truetype;base64,<base64-encoded-font-data>) format('truetype');
   }

4. Метод 4: Google Fonts

   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Font+Name">

   Замените Font+Nameна имя нужного шрифта из Google Fonts.

Не забудьте заменить путь к шрифтуфактическим путем к файлу пользовательского шрифта, а CustomFontжелаемым именем вашего семейства шрифтов.