SVG - иконки

Добавление новых иконок на примере типового дизайна

SVG-иконки, используемые на сайте, созданы с помощью приложения IcoMoon - https://icomoon.io/

Для того, чтобы добавить новые иконки необходимо перейти по ссылке https://icomoon.io/app/#/select и импортировать файл selection.json актуальной версии.

После того, как иконки выбраны и добавлены, перейти во вкладку "Generate Font/ Генерировать шрифт".

Все иконки в типовом дизайне имеют числовое порядковое название, которое при подключении превращается в класс icon-999 .

Для удобства пользования рекомендуется придерживаться данного формата.

Когда иконки выбраны и названия исправлены, нажать на кнопку Download/ Скачать.

Скачанный архив в формате zip необходимо разархивировать.

Добавить файлы .eot, .ttf, .wof, .svg в 1С. Получить и скопировать ссылку каждого загруженного документа без версии файла.

Далее в файле style.css (в типовом называется svg-icons_2019-08-16) заменить выделенные пути (на скриншоте ниже) на скопированные ссылки каждого загруженного формата в 1С.

Далее загрузить css файл в 1С и подключить в Head'e сайта.

Замена версий файлов на актуальные

Для того чтобы загрузить новую версию набора, уже сгенерированных и добавленных в типовой дизайн, иконок необходимо загрузить актуальные файлы в форматах .eot, .ttf, .wof, .svg и файл svg-icons_2019-08-16.

Обратите внимание, что нумерация в url файлов должна быть именно такая: autoglobalicons-11.eot , autoglobalicons-12.svg , autoglobalicons-13.ttf , autoglobalicons-14.woff (т.к. именно с такими url они используются в файле css)

Last updated