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

Тема в разделе "Верстка", создана пользователем Lobachevsky, 29 мар 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. Lobachevsky

    Lobachevsky Постоялец

    Регистр.:
    17 сен 2013
    Сообщения:
    140
    Симпатии:
    51
    Не получается подключить Перейти по ссылке

    Код:
    @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>
    Пробовал разные пути, но никак не хочет отображаться, просто кракозябра вместо иконки
     
  2. igorenia

    igorenia Постоялец

    Регистр.:
    12 окт 2013
    Сообщения:
    97
    Симпатии:
    72
    А css файл подключили в header'e шаблона?
    Код:
    <link rel='stylesheet' href='path/to/typicons.min.css' />
     
  3. Lobachevsky

    Lobachevsky Постоялец

    Регистр.:
    17 сен 2013
    Сообщения:
    140
    Симпатии:
    51
    Да, все подключено, никак не отображается
     
  4. Iga

    Iga

    Регистр.:
    12 янв 2014
    Сообщения:
    189
    Симпатии:
    24
    Две точки в пути к файлу. У меня так заработало.
    Код:
    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');
     
  5. o2relax

    o2relax Создатель

    Регистр.:
    18 мар 2015
    Сообщения:
    13
    Симпатии:
    2
    это все замечательно. а помимо шрифтов стили то заданы? т.е. как страница поймет, что для класса typcn надо использовать нужный шрифт и нужный контент?
     
  6. igorenia

    igorenia Постоялец

    Регистр.:
    12 окт 2013
    Сообщения:
    97
    Симпатии:
    72
    Эти стили заданы в загружаемом файле typicons.min.css