svg или webfonts

[PavelTkachev]

Для размещения на сайте требуются иконки. Надо, чтобы они были резиновые. Их можно делать с помощью svg и с помощью webfonts (как тут http://fortawesome.github.io/Font-Awesome/).

 

Как вариант будет поддерживать большенство устройств и браузеров? Какой бедет меньше весить? И как делать самому шрифты для web?

[Great Rash]

Шрифт лучше однозначно.

[npofopr]

Мне кажется смотря какие иконки. Если маленькие, то наверно да, шрифты. А если какие то большие, то svg. 

На svg для ie можно сделать png. 

[DragorWW]

Шрифт лучше однозначно.

у шрифтовых иконок много проблема, мы не можем точно контролировать позицию, а так же может быть что в некоторых браузерах будет каша вместо иконки

[npofopr]

И кстати много обсуждений за и против.

http://www.onextrapixel.com/2014/03/21/designing-for-changing-technology-font-icons-vs-svg/

[PavelTkachev]

Спасибо за ссылку на статью!

 

И всё же. Как делать svg я знаю, например, в inkscape. А как шрифты делать?

 

Кешируются ли шрифты и svg браузером?

[Great Rash]

А как шрифты делать?

http://fontello.com/

[PavelTkachev]

А если тут нет нужного мне символа, то как делать? Какой программой или сервисом?

[Great Rash]

На том сайте можно сгенерировать нужный шрифт. На вход надо отдать SVG-файл.

[PavelTkachev]

А на выходе я получу ttf?

[PavelTkachev]

Правильно ли я понимаю, что под iOS и OperaMini шрифты рабоать не будут?

[Great Rash]

http://caniuse.com/fontface

[PavelTkachev]

Спасибо за ссылку! Получается, что использование TTF покрывает все браузеры, кроме OperaMini и, возможно, IE Mobile. Первый не поддерживает даже SVG. Для него будут работать только картинки?

[PavelTkachev]

Внизу предложенной ссылки написано:

Partial support in IE9 refers to the fonts only working when set to be "installable".

 

Как добиться поддержки шрифтом IE9, то есть как сделать их "installable"?

[Great Rash]

Не знаю где там чо написано, но их шрифт у меня в ИЕ7 работает.

[SelenIT]

как сделать их "installable"?

В редакторе шрифтов должна быть соотв. опция. Иногда она находится в неожиданном месте. Напр. в популярном FontForge — на вкладке... OS/2

[PavelTkachev]

Спасибо за разъяснения!