Интерпретация кода css

Тема в разделе "OpenCart", создана пользователем Serkist, 21 апр 2014.

  1. Serkist

    Serkist

    Регистрация:
    8 фев 2013
    Сообщения:
    350
    Симпатии:
    72
    Наткнулся на такой кусок кода в купленной теме в файле stylesheet.css
    #body .swipe .swipe-menu .foot li+li a:before {content:"\f0d1"}
    #body .swipe .swipe-menu .foot li+li+li a:before {content:"\f06a"}
    #body .swipe .swipe-menu .foot li+li+li+li a:before {content:"\f085"}

    #body .swipe .swipe-menu .foot.foot-1 li a:before {content:"\f0ac"}
    #body .swipe .swipe-menu .foot.foot-1 li+li a:before {content:"\f079"}
    #body .swipe .swipe-menu .foot.foot-1 li+li+li a:before {content:"\f0e8"}

    #body .swipe .swipe-menu .foot.foot-2 li a:before {content:"\f02c"}
    #body .swipe .swipe-menu .foot.foot-2 li+li a:before {content:"\f06b"}
    #body .swipe .swipe-menu .foot.foot-2 li+li+li a:before {content:"\f0c0"}
    #body .swipe .swipe-menu .foot.foot-2 li+li+li+li a:before {content:"\f0a3"}

    #body .swipe .swipe-menu .foot.foot-3 li a:before {content:"\f0cb"}
    #body .swipe .swipe-menu .foot.foot-3 li+li a:before {content:"\f003"}

    Если его удалить - пропадают миниатюрки из меню (иконки).
    Что за код такой? Откуда подгружаются данные иконки?
     
  2. nikfakel

    nikfakel

    Регистрация:
    24 июл 2013
    Сообщения:
    150
    Симпатии:
    33
  3. Serkist

    Serkist

    Регистрация:
    8 фев 2013
    Сообщения:
    350
    Симпатии:
    72
    Нет туза.
    Глянуть можно здесь
    http://test.verose.ru/
    Нужно сделать окно браузера узким по ширине - появится меню для мобильный браузеров.
     
  4. nikfakel

    nikfakel

    Регистрация:
    24 июл 2013
    Сообщения:
    150
    Симпатии:
    33
    FontAwesome Icons.

    Ваш http://test.verose.ru/catalog/view/theme/theme251/stylesheet/font-awesome.css

    Код:
    /* FONT PATH
    * -------------------------- */
    @font-face {
      font-family: 'FontAwesome';
      src: url('../font/fontawesome-webfont.eot?v=3.2.1');
      src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
      font-weight: normal;
      font-style: normal;
    }
     
  5. Serkist

    Serkist

    Регистрация:
    8 фев 2013
    Сообщения:
    350
    Симпатии:
    72
    а как с помощью шрифта реализовали иконку? Первый раз такое вижу. Тем более, что шрифт обычный, т.е. никаких иконок внутри не зашито..
     
  6. Yoda

    Yoda

    Регистрация:
    5 фев 2013
    Сообщения:
    122
    Симпатии:
    22
  7. Serkist

    Serkist

    Регистрация:
    8 фев 2013
    Сообщения:
    350
    Симпатии:
    72
    Получается, иконка - машина (для доставки) и т.п. это символы юникода?
    Откуда эти коды можно взять? Списки по приведенной ссылке я смотрел - там снежинки, иероглифы, но машинок и т.п. нет..
     
  8. nikfakel

    nikfakel

    Регистрация:
    24 июл 2013
    Сообщения:
    150
    Симпатии:
    33
    приведенный список к этому не относится. Вот тут посмотрите http://fontawesome.io/icons/
     
    Serkist нравится это.