@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 |