Комментарии 33
Еще один минус: сглаживание, которое часто отсутствует.
> Преимущества
> Потенциально гораздо меньше HTTP-запросов
Для этого используют спрайты.
> Преимущества
> Потенциально гораздо меньше HTTP-запросов
Для этого используют спрайты.
НЛО прилетело и опубликовало эту надпись здесь
еще одно большое преимущество — показ иконок даже с отключенными картинками, что тоже наглядно видно в демо — страница в браузере с отключенной графикой ничем не отличается
Удобно!
SVG, не?
DISQUS в своем виджете комментариев давно использует шрифт с иконками.
> Разноцветные иконки не работают
Ничто не мешает сделать отдельный символ для каждого цвета и наложить несколько символов друг на друга.
Ничто не мешает сделать отдельный символ для каждого цвета и наложить несколько символов друг на друга.
а как бы повырезать лишние символы? а то грузить до 30кб ради пары иконок — не хочется. ещё на демо-странице виден скачёк когда подгружаются шрифты и появляются иконки — неприятненько. нет ли такого-же, но свободного проекта?
Вы, конечно, имеете в виду генератор на этом сайте.
О генераторе ещё непременно надобно сразу объяснять неподготовленному читателю (будущему пользователю), что потребуется переключение в экспертный режим (переключатель«BASIC» — «OPTIMAL» — «EXPERT…» в положении «EXPERT…») для того, чтобы явилась возможность вычленения отдельных символов шрифта (переключатель «Subsetting» в положении «Custom Subsetting...» открывает доступ к полям «Single Characters» и «Unicode Ranges» для указания желаемых символов или целых диапазонов Юникода соответственно).
О генераторе ещё непременно надобно сразу объяснять неподготовленному читателю (будущему пользователю), что потребуется переключение в экспертный режим (переключатель
что-то не нашёл там иконок
Вам, видимо, предложили ответ на первый Ваш вопрос, о том как «символы». Товарищ Mithgol выше описал как это делать.
А значки там всё-таки присутствуют в небольшом количестве.
А значки там всё-таки присутствуют в небольшом количестве.
Рекомендую для пиктограмм компьютерного интерфейса использовать термин «значок» вместо термина «иконка». И на то есть три причины.
Во-первых, термин «значок» произносится заметно быстрее (два слога вместо трёх), что упрощает (до некоторой степени) и его прочтение (особенно у тех читателей, которые не совершенно избавились от навыка внутренней речи при чтении).
Во-вторых, именно термин «значок» давно принят в наиболее популярной (и оттого привычной массовому пользователю) операционной системе Windows. Этим обеспечивается лучшая его узнаваемость. Укажу, что имеется статья «Как "Майкрософт" решает вопросы выбора терминологии» (из журнала «Мир Internet»), где в мае 1999 года Екатерина Лажинцева (тогда менеджер по операционным системам в отделе подготовки русских продуктов корпорации «Майкрософт») изложила историю выбора термина «значок».
В-третьих, подавляющее большинство этих элементов интерфейса не содержат изображения ликовСв. Троицы, или Богоматери, или святых. Для Хабрахабра (число христиан на котором по опросу не достигает и ¼) эта причина находится, что понятно, не первом месте — однако и она заслуживает упоминания.
Во-первых, термин «значок» произносится заметно быстрее (два слога вместо трёх), что упрощает (до некоторой степени) и его прочтение (особенно у тех читателей, которые не совершенно избавились от навыка внутренней речи при чтении).
Во-вторых, именно термин «значок» давно принят в наиболее популярной (и оттого привычной массовому пользователю) операционной системе Windows. Этим обеспечивается лучшая его узнаваемость. Укажу, что имеется статья «Как "Майкрософт" решает вопросы выбора терминологии» (из журнала «Мир Internet»), где в мае 1999 года Екатерина Лажинцева (тогда менеджер по операционным системам в отделе подготовки русских продуктов корпорации «Майкрософт») изложила историю выбора термина «значок».
В-третьих, подавляющее большинство этих элементов интерфейса не содержат изображения ликов
Боюсь не выйдет, все таки термин иконка как минимум так же популярен как и значок. В общем пусть будут синонимами, ну и при двусмысленности или тавталогии можно будет использовать один из терминов.
Ни разу не слышал чтобы слово «иконка» применялось к ликам святых. Только «икона», без всяких уменьшительно-ласкательных. Зато использование слова «иконка» в отношении к пиктограммам повсеместно.
Вы правы, исправил текст. Прошу прощения, что не сделал этого сутки назад, просто не сразу увидел ваш комментарий — перестали приходить уведомления о комментариях на почту, никак не починят.
А как Вы относитесь к службам в Windows?
еще один не плохой набор
www.justbenice.ru/studio/websymbols/
www.justbenice.ru/studio/websymbols/
Я конечно понимаю тупая идея, но многоцветные значки можно собирать из нескольких букв разного цвета которые будут идти один над другим.
Это более кроссбраузерно, да и не нужно грузить весь шрифт ради 10-20 иконок + легко создавать свои
raphaeljs.com/icons/
raphaeljs.com/icons/
А почему бы не юзать например svg и не совать это в base64 для уменьшения числа запросов?
Загрузка шрифтов блокирует загрузку других инстанций, как js и css.
Пока не загрузился шрифт, вместо иконок будут буквы, и поисковые роботы будут читать лишние символы.
Пока не загрузился шрифт, вместо иконок будут буквы, и поисковые роботы будут читать лишние символы.
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Загрузка векторных значков через @font-face: за и против