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

Пользователь

от gage , в категории: HTML/CSS , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от willis.streich , 5 месяцев назад

@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