1. Загрузить свои рисунки-иконки в формате .svg, предназначенные для превращения в шрифт (Import Icons на странице https://icomoon.io/app/#/select).
2. Выбрав левой мышью загруженные иконки установить сетку (Grid 16. Шрифт будет превосходен для размеров шрифта на сайте 16px, 32px, 48px...).
3. Выбрав с помощью кнопки Select иконки нажимаем Generate Font.
4. Download.
5. Получили архив.zip, в котором хранится новосозданный шрифт в форматах .eot, .svg, .ttf, .woff.
6. Применяем шрифт на своем сайте, приложении.
Источники:
http://ionicframework.com/blog/building-ionicons/ - статья про инструмент создания шрифта.
https://icomoon.io/ - инструмент создания шрифта.
Дополнительно освещает работу со шрифтами для адаптивных иконок статья http://habrahabr.ru/company/dataart/blog/257505/ .
2. Выбрав левой мышью загруженные иконки установить сетку (Grid 16. Шрифт будет превосходен для размеров шрифта на сайте 16px, 32px, 48px...).
3. Выбрав с помощью кнопки Select иконки нажимаем Generate Font.
4. Download.
5. Получили архив.zip, в котором хранится новосозданный шрифт в форматах .eot, .svg, .ttf, .woff.
6. Применяем шрифт на своем сайте, приложении.
Источники:
http://ionicframework.com/blog/building-ionicons/ - статья про инструмент создания шрифта.
https://icomoon.io/ - инструмент создания шрифта.
Дополнительно освещает работу со шрифтами для адаптивных иконок статья http://habrahabr.ru/company/dataart/blog/257505/ .
Комментариев нет:
Отправить комментарий