Помогите с кодом для шрифтов CSS.

Question

Помогите с кодом для шрифтов CSS.

Максим Суслов Знаток (298), на голосовании 1 год назад

@font-face{
font-family: "Caveat-normal";
src: url(.fonts/Caveat/Caveat-Regular.ttf);
font-weight: normal;
}

@font-face{
font-family: Caveat;
src: url(.fonts/Caveat/Caveat-Bold.ttf)
font-weight: bold;
}

.caveat-normal{
font-family: "Caveat-normal", Arial, serif;
}

.caveat-bold{
font-family: "Caveat-bold", Arial, serif;
}

Почему не работает код? Объясните

Answer 1

Резидент Казахстана Оракул (68913) 1 год назад

А есть папка fonts ?

Максим СусловЗнаток (298) 1 год назад

да

Answer 2

 @font-face { 
  font-family: "Caveat-normal"; 
  src: url("./fonts/Caveat/Caveat-Regular.ttf"); 
  font-weight: normal; 
} 
 
@font-face { 
  font-family: "Caveat"; 
  src: url("./fonts/Caveat/Caveat-Bold.ttf"); 
  font-weight: bold; 
} 
 
.caveat-normal { 
  font-family: "Caveat-normal", Arial, serif; 
} 
 
.caveat-bold { 
  font-family: "Caveat", Arial, serif; 
}

Answer 3

Ошибка в названии шрифта. Либо не верный путь к шрифтам.