Подключение Typicons

[Lobachevsky]

Не получается подключить Для просмотра ссылки Войди или Зарегистрируйся

@charset 'UTF-8';
/* @FONT-FACE loads font into browser */
@font-face {
  font-family: 'typicons';
  font-weight: normal;
  font-style: normal;
  src: url('/templates/default/typicons/typicons.eot');
  src: url('/templates/default/typicons/typicons.eot?#iefix') format('embedded-opentype'),
       url('/templates/default/typicons/typicons.woff') format('woff'),
       url('/templates/default/typicons/typicons.ttf') format('truetype'),
       url('/templates/default/typicons/typicons.svg#typicons') format('svg');
}

В шаблоне вывожу к примеру <span class="typcn typcn-archive"></span>
Пробовал разные пути, но никак не хочет отображаться, просто кракозябра вместо иконки

 

[igorenia]

А css файл подключили в header'e шаблона?

<link rel='stylesheet' href='path/to/typicons.min.css' />

 

[Lobachevsky]

А css файл подключили в header'e шаблона?

<link rel='stylesheet' href='path/to/typicons.min.css' />

Да, все подключено, никак не отображается

 

[Iga]

Две точки в пути к файлу. У меня так заработало.

src: url('../templates/default/typicons/typicons.eot');
src: url('../templates/default/typicons/typicons.eot?#iefix') format('embedded-opentype'),
url('../templates/default/typicons/typicons.woff') format('woff'),
url('../templates/default/typicons/typicons.ttf') format('truetype'),
url('../templates/default/typicons/typicons.svg#typicons') format('svg');

 

[o2relax]

это все замечательно. а помимо шрифтов стили то заданы? т.е. как страница поймет, что для класса typcn надо использовать нужный шрифт и нужный контент?

 

[igorenia]

это все замечательно. а помимо шрифтов стили то заданы? т.е. как страница поймет, что для класса typcn надо использовать нужный шрифт и нужный контент?

Эти стили заданы в загружаемом файле typicons.min.css