Как подключить файлы шрифта в css?

@gage 

Чтобы подключить шрифты в CSS, вы можете использовать свойство @font-face. Это свойство позволяет вам указать имя шрифта, а также указать путь к файлу шрифта. Например:

1
2
3
4
5
6
7
8

@font-face {
  font-family: 'My Font';
  src: url('fonts/my-font.ttf') format('truetype');
}

body {
  font-family: 'My Font', sans-serif;
}

В этом примере указывается, что шрифт с именем My Font находится в файле fonts/my-font.ttf и имеет формат truetype. Затем этот шрифт может быть использован в теге body, указав его в качестве значения свойства font-family.

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

1
2
3
4
5

@font-face {
  font-family: 'My Font';
  src: url('fonts/my-font.eot'); /* For IE */
  src: url('fonts/my-font.eot?#iefix') format('embedded-opentype'), /* For IE6-IE8 */
       url('fonts/my-font.woff2') format