Лого www.SiteHere.ru

4 сервиса иконочных шрифтов

Так как всё больше пользователей используют мобильные устройства для путешествия в интернете, то необходимо сделать сайт адаптивным для различных разрешений экрана. И здесь появляется проблема с размерами изображений, потому что они на экранах с большим разрешением смотрятся не очень красиво. В этом случае появилось отличное решение -использовать иконочные шрифты: маленький объем, четкость на больших экранах, стили можно задать с помощью CSS.

Также рекомендую:

Самыми популярными являются иконки Font Awesome. Но бывает и их недостаточно. Ниже Вы найдете подборку сервисов с иконочными шрифтами, которые можно использовать вместо Font Awesome.

1. StackIcons

StackIcons

StackIcons содержит более 60 иконок различных современных брендов. Вы можете использовать иконки как с прозрачным фоном, так и в круге, квадрате или квадрате с закругленными углами. Также иконкам можно изменять цвета.

2. Twemoji Awesome

Twemoji Awesome

Это иконки от социальной сети Twitter. Подключается также всё достаточно просто. Если возникают сложности с их установкой — скачайте пример и посмотрите как это реализовано там. Иконки можно применять из этой шпаргалки. Только вместо нижнего подчеркивания необходимо ставить дефис.

3. Octicons

Octicons

Иконки от проекта GitHub. Здесь представлено более 170 иконок, которые Вы можете смело использовать на своих сайтах. Подробный процесс установки описан здесь.

4. Material Design Iconic Font

Material Design Iconic Font

Данный сервис предоставляет значительно больше иконок, которые сгруппированы в 15 разных категорий. Чтобы установить их себе на сайт, Вам достаточно лишь подключить файл Material-Design-Iconic-Font.ttf, а затем использовать специальные коды символов из этой таблицы. Все действия над данными иконками аналогичны действиям со шрифтами в CSS.

С Уважением, Юрий Немец

4 сервиса иконочных шрифтов 5.00/5 (100.00%) 1 голос(ов)

Понравилась статья - расскажи друзьям! :)

3 комментария к записи
  • Сергей

    Приветствую!
    Спасибо что упомянул о моем проекте, хотя способ установки шрифта на сайт все же несколько иной 🙂
    В связи с этим вопрос: как ты считаешь есть ли смысл сделать документацию на русском или оставить как есть?

     
    • Юрий

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

       
  • orenkomp.ru

    Так же разработчики гарантируют корректное отображение иконок при малом размере шрифта, от 8px и выше.

     

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *