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

Alexeina66

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

Сам сайт
Скрытое содержимое доступно для зарегистрированных пользователей!
 
Шрифты правильно подключи, полистай свои ксс-ки, браузеры тут ни при чем.
 
Но в Mozilla и Internet Explorer иконки-шрифты пропадают. Как решить такую проблему?!
Нужно ставить понятный всем браузерам шрифт изначально, либо подгружаемый в браузер из внешнего источника, либо делать адаптацию чтоб когда браузер не поймет то идет подмена на понятный ему. Вообще по нормальному при разработке любого нормального сайта нужно учитывать кроссбраузерность.
Проблему можно решить например через Entypo вставленный в CSS:
Репозиторий Для просмотра ссылки Войди или Зарегистрируйся
Рабочая демка Для просмотра ссылки Войди или Зарегистрируйся
 
Нужно ставить понятный всем браузерам шрифт изначально, либо подгружаемый в браузер из внешнего источника, либо делать адаптацию чтоб когда браузер не поймет то идет подмена на понятный ему. Вообще по нормальному при разработке любого нормального сайта нужно учитывать кроссбраузерность.
Проблему можно решить например через Entypo вставленный в CSS:
Репозиторий Для просмотра ссылки Войди или Зарегистрируйся
Рабочая демка Для просмотра ссылки Войди или Зарегистрируйся
Интересная статья...просто вычитал на буржуйском форуме что расширение "svg" браузеры Mozilla и Internet Explorer не поддерживают в принципе. По поводу кроссбраузерности, такой вопрос не стоял вообще... Буду пробовать Entypo вставленный в CSS. Посмотрел статью уперлось все в ubuntu
Где взять эту магию?
Пока тут Для просмотра ссылки Войди или Зарегистрируйся. Отлаживалось все на шрифте Entypo, так как с его автором оказалось проще всего общаться.

Инструкции по установке и запуску в файле Для просмотра ссылки Войди или Зарегистрируйся. Картинки кидаются в папку `./src/svg`, правится конфиг и запускается `make`. После этого в папке `./font` оказываются собранные фонты, демо-страничка и CSS-файл для twitter bootstrap.
Для просмотра ссылки Войди или Зарегистрируйся
Шрифт на моем сайт взят отсюда полностью
Для просмотра ссылки Войди или Зарегистрируйся
. Какое отличие от Entypo?

Шрифты правильно подключи, полистай свои ксс-ки, браузеры тут ни при чем.
Можно здесь поподробнее по подключению шрифтов.
 
Последнее редактирование модератором:
Помимо fontello, рекомендую Для просмотра ссылки Войди или Зарегистрируйся работает во всех современных браузерах. Так же, Вам ничего не мешает создать свой шрифт, имея под рукой Illustrator который сохраняет в svg
 
Может проверку на браузер сделать, и если не поддерживает сразу сообщить пользователю об этом, ну или 2 версии иконок держать, хоть не удобно, зато работает
 
Назад
Сверху