Вопрос по svg-спрайтам

[Stright]

Доброе утро! Посмотрите, пожалуйста, правильно ли я подключил svg-спрайт http://cssdeck.com/labs/f3a0xxff и подскажите, целесообразно ли их использовать, или лучше применять отдельные svg там, где необходимо, или использовать для этих целей иконочные шрифты?

[Great Rash]

Иконочные шрифты более кроссбраузенрные. Поэтому пока их юзать предпочтительнее. В любом случае я считаю, что вы неправильно используете SVG в данном случае. Правильнее было бы сделать отдельный SVG-файл для каждой иконки и вставлять его бекграундом. Вот пример.

[Sergik+]

Иконочные шрифты более кроссбраузенрные. Поэтому пока их юзать предпочтительнее. В любом случае я считаю, что вы неправильно используете SVG в данном случае. Правильнее было бы сделать отдельный SVG-файл для каждой иконки и вставлять его бекграундом. Вот пример.

Странно но вроде как иконочные шрифты в опере мини вы вообще не увидите, а svg нормально будут отображаться,

так что насчет кроссбраузерности не все так просто.

[Great Rash]

У Opera mini и с SVG есть проблемы... Ну тут как говорится кому что надо: если цель - мобилы, то SVG, если цель - десктопы (особенно старые ИЕ), то шрифты. В идеале комбинация картинок, шрифтов и вектора.

[Stright]

неправильно используете SVG в данном случае. Правильнее было бы сделать отдельный SVG-файл для каждой иконки и вставлять его бекграундом.

 

Но ведь в таком случае получается, что я буду подгружать svg через бэкграунд в css, а в случае с ссылками придется создавать svg и на :hover (в моем случае получится 8 файлов svg), а svg, вставленный непосредственно в html, можно стилизовать через css, и будет 4 файла svg

[Sergik+]

 

неправильно используете SVG в данном случае. Правильнее было бы сделать отдельный SVG-файл для каждой иконки и вставлять его бекграундом.

 

Но ведь в таком случае получается, что я буду подгружать svg через бэкграунд в css, а в случае с ссылками придется создавать svg и на :hover (в моем случае получится 8 файлов svg), а svg, вставленный непосредственно в html, можно стилизовать через css, и будет 4 файла svg

 

На форуме яндекса как раз все манипуляции с svg делали в html.

 

Посмотрите здесь http://mistakster.github.io/i-heart-svg/?full#1

Еще и твитт svg профи https://twitter.com/mista_k

Edited October 1, 2014 by Sergik+

[Great Rash]

Но ведь в таком случае получается, что я буду подгружать svg через бэкграунд в css, а в случае с ссылками придется создавать svg и на :hover (в моем случае получится 8 файлов svg), а svg, вставленный непосредственно в html, можно стилизовать через css, и будет 4 файла svg

В таком случае всё равно удобней из отдельного файла по сылке:

<svg width="48px" height="48px" viewbox="0 0 32 32"><use xlink:href='путь_до_иконки'/></svg> 

[Sergik+]

Вот классная статья http://filamentgroup.com/lab/bulletproof_icon_fonts.html

[Stright]

Иконочные шрифты более кроссбраузенрные. Поэтому пока их юзать предпочтительнее. В любом случае я считаю, что вы неправильно используете SVG в данном случае. Правильнее было бы сделать отдельный SVG-файл для каждой иконки и вставлять его бекграундом. Вот пример.

Спасибо за статью, познавательно, наверное, все-таки для иконок лучше оставить шрифты 

 

Вот классная статья http://filamentgroup...icon_fonts.html

 

Хм... попробую попереводить, спасибо

[Stright]

Посмотрите здесь http://mistakster.gi...art-svg/?full#1 Еще и твитт svg профи https://twitter.com/mista_k

 

Посмотрел доклад и презентацию, попробовал повторить http://svg.esy.es, но не получилось  Если кто-то разбирался с таким методом создания и подключения svg-"библиотеки", подскажите, пожалуйста, что я делаю не так