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