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

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

от autumn_parker , в категории: HTML/CSS , 6 месяцев назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от guillermo , 6 месяцев назад

@autumn_parker 

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


Ниже приведен пример кода, показывающий, как подключить два шрифта:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
@font-face {
  font-family: "Font1";
  src: url("path-to-font1.ttf");
}

@font-face {
  font-family: "Font2";
  src: url("path-to-font2.ttf");
}

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

h1 {
  font-family: "Font2", serif;
}


В приведенном выше примере мы определяем два правила @font-face, где каждое правило указывает на путь к файлу шрифта (url("path-to-font.ttf")) и устанавливает имя шрифта (font-family).


Затем мы используем указанные имена шрифтов в свойствах font-family для элементов body (используя Font1) и h1 (используя Font2).


Обратите внимание, что вместо path-to-font1.ttf и path-to-font2.ttf вы должны указать путь к соответствующим файлам шрифтов на вашем сервере или интернет-адресу, если они находятся в сети.