Пакет шрифтів значків -

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

Пакет шрифтів Icon - це шрифти, що містять символи та крихітні графіки, зазвичай використовуються для супроводу тексту. Ви також можете створювати букви як шрифт значка. Основна мета пакету шрифтів значків - просто додати дотику повноти у ваш вміст. Вони додають візуальне звернення до ваших сторінок дуже просто, але надзвичайно ефективно.

Джерело зображення: pixabay.com

Набори шрифтів значків можна використовувати як основний та вторинний інструменти. Автономні піктограми можуть вести пакунок самостійно, тоді як маленькі значки слугують метою підтримки інформації.

"То чому б просто не використовувати зображення замість цього?" Якщо вам це цікаво, відповідь проста: Набір шрифтів значків легко!

  • Вони легко регулюються за розміром і кольором
  • Ви можете легко затінити їх форму
  • Не боїться втратити якість, як у випадку з растровими зображеннями
  • Вони можуть мати прозорі нокаути
  • Час завантаження скорочується без шкоди для параметра зовнішнього вигляду.

Підводячи підсумок, набір шрифтів значків в основному приголомшливий. Незважаючи на те, що доступний безкоштовний набір, ви можете заздалегідь створити їх самостійно відповідно до ваших налаштувань, використовуючи прості інструменти.

Інструмент для створення власного пакета шрифтів Icon

Нижче наведено 10 безкоштовних інструментів, які допоможуть вам створити власний пакет шрифтів значків:

  1. Фонтелло

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

Просто перетягніть файл SVG зі свого комп’ютера та опустіть його до рядка під заголовком "Спеціальні значки", і ви закінчили!

  1. Ікомон

Додаток icomoon дозволяє переглядати тисячі шрифтів icomoon зі своєї колекції та створювати власний шрифт icomoon. Ви можете завантажувати свій власний SVG за допомогою кнопки «Іконки імпорту», ​​і ваші гліфи з'являться впорядкованому порядку. Після цього ви можете редагувати, переставляти та видаляти кожен із гліфів. Ви також можете створити свій власний шрифт icomoon у цьому додатку. Icomoon зберігає всі ваші шрифти у вашому обліковому записі, але якщо ви хочете отримати доступ до них через хмару, є можливість придбати преміальний рахунок.

  1. Значок Сейф

Icon Vault - це дуже гладкий веб-сайт і дуже простий у користуванні! Він пропонує належним чином послідовні шаблони значків, розділені на підзаголовки, такі як Social та iOS. У вас є можливість створити власний шрифт, завантаживши їх заздалегідь підібраний шаблон значка. Після того, як ваша папка zip готова, просто перетягніть її в розділ, де написано "Завантажте файли сюди для завантаження".

  1. Гліфтер

Glyphter - химерна платформа, яка вітає вас унікальною сіткою символів, куди можна перетягувати файли SVG. Праворуч видно вичерпну сітку їхніх вільних значків, і ви можете вибрати скільки завгодно бажаних і просто перетягнути їх ліворуч. Коли ви зібрали піктограми, які ви хочете створити в сітці, ви можете вибрати їх та відредагувати їх за допомогою "Редактора гліфів". Після завершення редагування просто натисніть стрілку для завантаження та вуаля! Завдання виконано.

  1. Піктонічний Icon Font Pack Builder

Ось творче рішення ваших проблем із веб-дизайном. Pictonic має блюдо з рівно 362 безкоштовними іконками, після чого з користувачів стягується 0, 59 долара за іконку.

Цей веб-сайт потрібно зареєструвати, щоб мати можливість працювати над ним. У ньому є грізна колекція з понад 2700 ікон.

Веб-сайт досить ефективний, і ви можете переглядати іконки з їх широких і послідовно розташованих категорій.

Рекомендовані курси

  • Курс сертифікації в галузі ІТ-безпеки
  • Програма Ruby on Rails
  • Онлайн-курс по CSS
  • Навчальний пакет HTML5 та CSS3

  1. Фонтастичний

Чудовий вигадливий веб-сайт із понад 9000 значками шрифту; нам потрібно сказати більше?

Для доступу до системи створення іконок реєстрація у Fontasic є обов'язковою. Таким чином, ви можете вибрати з лотка їх вільно доступних наборів іконок, таких як Октокони, Ікони Steamline, Піктограми фундаменту тощо. Ви також можете завантажувати власні іконки SVG. Після цього, перейшовши на вкладку «Опублікувати», у вас буде можливість завантажити творець шрифту значка або опублікувати його у хмарі їхніх іконок. Найкраща особливість цього веб-сайту полягає в тому, що ви можете редагувати, змінювати колір і т. Д. Своїх піктограм, коли захочете, використовуючи Fontastic.

  1. Ми любимо Icon Font Pack

Як випливає з назви, цей веб-сайт дозволяє вам вибрати та створити власного творця шрифту значків. Вам пропонують вибір творця шрифтів значків високої якості, серед яких Brandicon, Entypo, Awesome Font. Ви можете безпосередньо додати та використовувати набір на свій власний сайт. Натисніть "Додати", після чого ви отримаєте вбудований код, і ви можете використовувати CSS для подальшого налаштування колекції!

  1. Спеціальний шрифт

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

  1. Шрифт Awesome

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

І найкраща частина? Це повністю і повністю безкоштовно для комерційного використання!

  1. Піктос

Якраз коли ми думали, що це не може бути кращим за це, Піктос пробився на арену проектування інтерфейсу інтер'єру з ударом. Він пропонує чудові варіанти у своїй вільно безкоштовній упаковці. Кожен значок інтерфейсу у своїй новій та інноваційній колекції під назвою «Redux» має три варіанти, а саме.

  • Рядок: показує контури фігур значків
  • Суцільне: форми значків наповнені суцільною кольоровою темою
  • Кольори: усі творці шрифту значків мають повністю закінчені кольори.

Ці піктограми також поділяються на корисні категорії.

Перш за все, Pitcos гарантує бездоганну якість, оскільки кожна піктограма Redux була ретельно виготовлена ​​та вмонтована в сітку 24 x 24, щоб забезпечити максимальну чіткість.

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

Рекомендовані статті

Це керівництво по Icon Font Pack - шрифт, який містить символи та крихітні графіки, зазвичай використовувані для супроводу тексту. Ви також можете створювати букви як шрифти значків. Це наступне зовнішнє посилання, пов’язане з пакетом шрифтів значків.

  1. 8 Корисні поради -HTML5 проти Flash
  2. Повинен знати дивовижне впровадження інструменту R для Analytics
  3. 32 Корисні інструменти аналітики мобільних додатків Для всіх, хто повинен використовуватись у цій галузі
  4. Дивовижний посібник із програм для продуктивності Android на 2016 рік
  5. Дивовижні запитання щодо інтерв'ю з графічним дизайном

Категорія:

Інструменти веб-розробки