4 Сервісу іконочние шрифтів

Відео: іконочние шрифти в Adobe Muse

Так як все більше користувачів використовують мобільні пристрої для подорожі в інтернеті, то необхідно зробити сайт адаптивним для різних дозволів екрану. І тут з`являється проблема з розмірами зображень, тому що вони на екранах з великою роздільною здатністю виглядають не дуже красиво. В цьому випадку з`явилося відмінне рішення -використовувати іконочние шрифти: маленький обсяг, чіткість на великих екранах, стилі можна задати за допомогою CSS.

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

• Як встановити іконки для сайту за 4 кліка - ВІДЕО
• Як створити Flat іконку камери в Photoshop
• Безкоштовні іконки для сайту

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

1. StackIcons

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

2. Twemoji Awesome

Відео: Іконки для сайту за рахунок використання іконочние шрифтів

Це іконки від соціальної мережі Twitter. Підключається також все досить просто. Якщо виникають складнощі з їх установкою - скачайте приклад і подивіться як це реалізовано там. Іконки можна застосовувати з цієї шпаргалки. Тільки замість нижнього підкреслення необхідно ставити дефіс.

3. Octicons

Іконки від проекту GitHub. Тут представлено понад 170 ікон, які Ви можете сміливо використовувати на своїх сайтах. Докладний процес установки описаний тут.

4. Material Design Iconic Font

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

З повагою, Юрій Німець