font@face for firefox

[Luara]

Нет, не получилось...

Но вот на что я обратила внимание: вообще не работает на тех компах, где НЕ установлен этот шрифт.
НО он же должен "браться" сервера?
И есть еще один нюанс: тот сайт, который я правлю, рукописный, и написан еще таблицами. Может это влиять на "непослушание"?

[SQLPowerUser]

Верстка таблицами на шрифт не влияет
На моей последней картинке видно, что шрифт подцепился. Возможно, проблема в пути url...
Я прикладываю работающий проект. Распаковать и запустить файл demo.html. Если не получится, то я уже бессилен

[Luara]

А скажите пожалуйста, что вообще может влиять на не отображение шрифта? Кроме неправильно заданного пути?

[SQLPowerUser]

А я с @font-face до вчерашнего дня не сталкивался В примере, что я прикладывал, нормально отображается?
На всякий случай https://www.google.ru/search?client=...0+%40font-face

[Luara]

ВСЕМ СТРАДАЮЩИМ!!!

Проблема решилась размещением папки "font" на уровень выше папки с css.
Вот статья: http://habrahabr.ru/sandbox/50935/
Всем спасибо за внимание.
Особенное спасибо SQLPowerUser за помощь))

[Naive]

Сообщение от Luara

ВСЕМ СТРАДАЮЩИМ!!!

Проблема решилась размещением папки "font" на уровень выше папки с css.
Вот статья: http://habrahabr.ru/sandbox/50935/
Всем спасибо за внимание.
Особенное спасибо SQLPowerUser за помощь))

То есть неправильный URL работал во всех браузерах, кроме ФФ?

[Luara]

Нет, он работал только на тех компьютерах, где был установлен требуемый шрифт))

[uberchel]

Сообщение от Luara

Все добрый день.

Помогите, пожалуйста, разобраться вот с чем.

Есть шрифт: http://www.fonts2u.com/code-light.font

Подключаю его так:

@font-face {
	font-family: "CODE Light";
	src: url('../fonts/CODE_Light.eot');
    src: url('../fonts/CODE_Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CODE_Light.woff2') format('woff2'),
         url('../fonts/CODE_Light.woff') format('woff'),
         url('../fonts/CODE_Light.ttf') format('truetype'),
         url('../fonts/CODE_Light.svg#latolight') format('svg');
	font-weight:normal;
	font-style:normal;
....

#caption h2 {
		color: #82574b;
		font-size: 100px;
		line-height: 150px; 
		font-family: "CODE Light", sans-serif;
		text-transform: uppercase; 
		font-weight: normal;
		float: left;
		margin: 0 30px 0 0;
		}
....
}

В firefox выглядит вот так: http://prntscr.com/76k4fk

А должен вот так: http://prntscr.com/76k4kb

Помогите, пожалуйста, разобраться и решить эту проблемку.
Спасибо.

Естественно не будет, мне интересно, как вообще еще в других браузерах работает!

@font-face {
    font-family: "CODE-Light";
    src: url('../fonts/CODE_Light.eot') format('eot'),
          url('../fonts/CODE_Light.woff') format('woff'),
          url('../fonts/CODE_Light.ttf') format('truetype'),
          url('../fonts/CODE_Light.svg#latolight') format('svg');
    font-weight:normal;
    font-style:normal;
}

#caption h2 {
		color: #82574b;
		font-size: 100px;
		line-height: 150px; 
		font-family: "CODE-Light", "sans-serif";
		text-transform: uppercase; 
		font-weight: normal;
		float: left;
		margin: 0 30px 0 0;
}