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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от willis.streich , 2 года назад

@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


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

от pauline , год назад

@gage 

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


@font-face { font-family: "MyHelvetica"; src: url("Helvetica.otf"); }


Здесь мы определяем название шрифта (MyHelvetica) и путь к файлу шрифта (Helvetica.otf). После того, как правило @font-face определено, можно использовать это название шрифта в свойствах CSS, например:


body { font-family: "MyHelvetica", sans-serif; }


Таким образом, задается шрифт, который будет применяться к всем элементам body страницы.