1. Задавайте здесь вопросы о коде, которые не подходят в другие разделы, такие как:
    Дизайн > Верстка
    PHP > Как сделать на PHP
    Скрыть объявление

Несовместимость SVG с Mozilla и Internet Explorer. Беда или Отсталость?

Тема в разделе "Web Coding", создана пользователем Alexeina66, 4 июн 2014.

Модераторы: latteo
  1. Alexeina66

    Alexeina66

    Регистр.:
    26 авг 2013
    Сообщения:
    305
    Симпатии:
    343
    Имеется сайт достаточно современный с использованием svg (специальные шрифты fontello в виде иконок) с различными эффектами jquery. В opera и google chrome, yandex браузер все отлично. Но в Mozilla и Internet Explorer иконки-шрифты пропадают. Как решить такую проблему?! Либо все-таки эти браузеры не дожили морально до такого прогресса.

    Сам сайт
     
  2. gusewww

    gusewww

    Регистр.:
    4 июл 2011
    Сообщения:
    678
    Симпатии:
    302
    Шрифты правильно подключи, полистай свои ксс-ки, браузеры тут ни при чем.
     
  3. bat

    bat

    Регистр.:
    24 сен 2009
    Сообщения:
    984
    Симпатии:
    277
    Нужно ставить понятный всем браузерам шрифт изначально, либо подгружаемый в браузер из внешнего источника, либо делать адаптацию чтоб когда браузер не поймет то идет подмена на понятный ему. Вообще по нормальному при разработке любого нормального сайта нужно учитывать кроссбраузерность.
    Проблему можно решить например через Entypo вставленный в CSS:
    Репозиторий здесь
    Рабочая демка здесь
     
  4. Alexeina66

    Alexeina66

    Регистр.:
    26 авг 2013
    Сообщения:
    305
    Симпатии:
    343
    Интересная статья...просто вычитал на буржуйском форуме что расширение "svg" браузеры Mozilla и Internet Explorer не поддерживают в принципе. По поводу кроссбраузерности, такой вопрос не стоял вообще... Буду пробовать Entypo вставленный в CSS. Посмотрел статью уперлось все в ubuntu
    Где взять эту магию?
    Пока тут github.com/danielbruce/entypo. Отлаживалось все на шрифте Entypo, так как с его автором оказалось проще всего общаться.

    Инструкции по установке и запуску в файле DEVELOPMENT.md. Картинки кидаются в папку `./src/svg`, правится конфиг и запускается `make`. После этого в папке `./font` оказываются собранные фонты, демо-страничка и CSS-файл для twitter bootstrap.
    http://www.pvsm.ru/tipografika/4672
    Шрифт на моем сайт взят отсюда полностью
    . Какое отличие от Entypo?

    Можно здесь поподробнее по подключению шрифтов.
     
    Последнее редактирование модератором: 4 июн 2014
  5. DevOrc

    DevOrc Создатель

    Регистр.:
    5 июн 2014
    Сообщения:
    31
    Симпатии:
    10
    Помимо fontello, рекомендую http://fortawesome.github.io/Font-Awesome/ работает во всех современных браузерах. Так же, Вам ничего не мешает создать свой шрифт, имея под рукой Illustrator который сохраняет в svg
     
  6. sashapont

    sashapont Писатель

    Регистр.:
    20 июн 2014
    Сообщения:
    2
    Симпатии:
    0
    Может проверку на браузер сделать, и если не поддерживает сразу сообщить пользователю об этом, ну или 2 версии иконок держать, хоть не удобно, зато работает