Почему не хотят работать 2 шрифта одновременно?

Question

[Kusmich]

Есть 2 шрифта которые я подключаю . Но но они работают тока тогда когда я один из них отключаю . В чем заключается проблема ? Подключаю так :

@font-face {
    font-family: ThinCondensed; 
    src: url(../Fonts/Exo2-ThinCondensed.otf); 
   };
   
  @font-face { 
    font-family: LightCondensed; 
    src: url(../Fonts/Exo2-LightCondensed.otf); 
   };

  А к элементам добавляю так :

   .task_desc > h1 {
	font-size:41px;
	margin:21px auto;
	font-family: LightCondensed; 
}

.task_desc >  ul > li > h1 {
    font-family: ThinCondensed; 
	font-size:41px;
    padding-left: 88px;
}

Answer 1

[lnked]

Определяйте шрифт так

@font-face {
	font-family: Condensed; 
	font-style: normal;
	font-weight: 100; /* Thin */
	src: url(../Fonts/Exo2-ThinCondensed.otf); 
}

@font-face { 
	font-family: Condensed; 
	font-style: normal;
	font-weight: 300; /* Light */
	src: url(../Fonts/Exo2-LightCondensed.otf); 
}

заметьте без ";" после объявления font-face

используйте так

body {
	font-family: Condensed; 
}

.task_desc > h1 {
	font-size:41px;
	margin:21px auto;
	font-weight: 300;
}

.task_desc >  ul > li > h1 {
	font-weight: 100;
	font-size:41px;
	padding-left: 88px;
}

Answer 2

[Yaroslav Lyzlov]

Из исходных данных не понятно. Сделайте пример на jsfiddle с такой ситуацией.

Answer 3

[3luyka]

А в дальнейшем вы так их пытаетесь применять?

.el1 { font-family: ThinCondensed; }
.el2 { font-family: LightCondensed; }