# 113: Створення та використання спеціального шрифта значків - CSS-хитрощі

Anonim

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

Щоб максимально ефективно використовувати шрифт значка, слід завантажувати лише ті символи, які потрібно завантажити. І щоб бути гнучким, приємно мати можливість додавати до одного шрифту значка з декількох наборів або з будь-якого вектора / SVG де завгодно. Додаток IcoMoon дозволяє робити все це завдяки надзвичайно простому інтерфейсу. Ви вибираєте потрібні піктограми, прив'язуєте їх до будь-яких символів, які бажаєте, а потім експортуєте HTML / CSS / Web Fonts у готовий для використання формат.

Посилання з відео:

  • IcoMoon
  • Ентипо
  • Чому значки шрифтів є чудовими
  • Огляд піктограм шрифтів
  • StateFace
  • GeoBats
  • ShopTalk