обновление шрифтов до существующих шрифтов
Я уже использую 5 шрифтов icomoon на нашем веб-сайте, которые были загружены с icomoon. Я хочу включить еще 2 шрифта. Что я должен делать?
Могу ли я добавить новые 2 шрифта к существующим шрифтам? Если да, то как их добавить?
Я предполагаю, что вы хотите добавить новые «значки» к существующим шрифтам. Пакет шрифтов, который вы загружаете с IcoMoon, поставляется с файлом «selection.json». Если у вас есть этот файл, импортируйте его в приложение IcoMoon с помощью кнопки Импортировать значки. После этого вы можете выбрать дополнительные значки для создания нового шрифта.
Если у вас нет доступа к этому файлу «selection.json», вы можете импортировать свой шрифт SVG с помощью той же кнопки Импортировать значки. Недостатком в этом случае является то, что вам может потребоваться снова добавить имена глифов.
Еще один способ сохранить/загрузить ранее созданные шрифты — использовать менеджер проектов: Главное меню > Управление проектами. Вы можете загрузить свой проект, чтобы потом снова загрузить его.
Дополнительная информация: https://icomoon.io/#docs/save-load
в настоящее время icomoon не позволяет импортировать файлы .ttf. но это можно сделать с помощью svg, используйте такие службы, как http://freefontconverter.com/, чтобы преобразовать файл .ttf в svg, как только это будет сделано, вы можете импортировать файл svg в свой текущий проект и добавить к нему больше значков.
перейдите на сайт icomoon, щелкните приложение icomoon, нажмите кнопку импорта и импортируйте старый файл icomoon.SVG, который находится в вашем коде, вы можете увидеть все значки, которые находятся в этом файле, на сайте icomoon после завершения импорта, а также импортируйте новый SVG или выберите из уже существующего списка icomoon, который вы хотите добавить в существующий список, выберите все (т. е. старые значки, которые уже есть, и новые значки, которые вы хотите добавить в существующий список), нажмите «Создать шрифт», а затем загрузите этот файл, извлеките его, вы можете увидеть папку шрифтов, скопируйте все файлы в этой папке и вставьте их в свой код (я имею в виду замену существующих файлов в вашем коде этими файлами), и вы можете увидеть там папку styles.css в извлеченном icomoon zip вы можете увидеть вновь созданные классы, скопировать эти вновь созданные классы и вставить их в свой код, где присутствуют другие классы значков.
Не уверен, что это было решено, так как это старый вопрос, но есть несколько подходов, которые вы можете использовать в зависимости от того, что у вас есть в настоящее время.
В идеале у вас все еще должен быть файл selection.json, с которого вы впервые загрузили первые 5 шрифтов icomoon. Если нет, возможно, проект все еще хранится в вашем браузере. Если это так, то у вас будут текущие 5 шрифтов со всеми настройками и именами классов.
Если у вас получится добиться этого, вам нужно будет только добавить код для двух новых шрифтов. Чтобы добавить два новых шрифта, вы можете импортировать весь файл шрифта для обоих в IcoMoon, выбрав версию шрифта svg. Затем добавьте его к своему существующему шрифту, который имеет исходные 5 шрифтов, и все будет готово.
Ключ восстанавливает исходные 5, поэтому работу не нужно повторять, чтобы вернуть все как было. Если вы не можете этого сделать, вероятно, проще добавить 2 новых шрифта в качестве нового проекта в icomoon и просто объединить эти 2 шрифта в 1 новый иконочный шрифт.
У меня есть некоторая информация об основах icomoon и импорте проектов здесь: http://stephentvedt.com/2014/04/03/using-custom-icon-fonts-icomoon-quickstart/
В качестве альтернативы
Если у вас есть существующий TTF (шрифт True Type), используйте, например, font-converter.net для преобразования TTF в SVG. В IcoMoon теперь вы можете нажать «Импорт», чтобы вернуть свои значки/символы, импортировав файл SVG, и добавить значки по своему усмотрению.
Если вы ищете другой формат шрифта (например, для MacOS, TTC), то сначала подумайте о преобразовании его в TTF (это сработало для меня: transfonter.org).
Примечание. Я никоим образом не связан ни с одним из веб-сайтов. Сначала я попробовал предложение Вайбхава Сони, но этот сайт больше не работает должным образом.
Также обратите внимание, что некоторые шрифты являются коммерческими и/или имеют ограничения авторского права, поэтому вам не следует использовать эти шрифты таким образом.
Правильный способ: вы должны импортировать все предыдущие значки модулей и новые значки. Затем создайте шрифты и замените папку шрифтов и каталог файла style.css в своем коде.
