Используйте шрифт Awesome в Inkscape

16

Есть ли способ конвертировать иконки Font Awesome в SVG-графику, чтобы я мог использовать их в Inkscape внутри других векторных изображений?

Импорт Font Awesome в Inkscape for Icon Reference здесь не помогает, так как это относится только к редактору шрифтов - но я просто хочу преобразовать шрифт в набор SVG-графики.

Это возможно? Если да, то как?

Голо Роден
источник

Ответы:

21

Я использую Inkscape прежде всего как мой основной векторный редактор. Я на маке.

Насколько я могу судить, нет никакого способа просто получить векторы прямо в Inkscape (вы могли бы подумать, что открытие файла шрифта svg даст вам что-то, но нет)

Установил шрифт otf (снова я на Mac, если в Windows попробуйте другие типы шрифтов, если вам не нравится otf). Скопируйте все символы как тип.

Затем «нарисуйте» их в Inkscape, как будто бы вы превратили любой шрифт в рисунок.

Вот как я получил векторы в Inkscape.

Чтобы быть понятным: после установки последнего шрифта Font Awesome я открываю страницу «Шрифта» Font Awesome: http://fontawesome.io/cheatsheet/

Я выбираю шрифт FontAwesome в качестве своего шрифта в Inkscape

Затем я копирую сам ICON со страницы «Font Awesome» и вставляю его в Inkscape в виде текста.

Наконец, просто «разгруппируйте» выделенный текст до тех пор, пока он не станет привязанным объектом.

Затем вы можете изменить / настроить векторы.

tessaract
источник
работает без проблем на Ubuntu. Спасибо за ссылку на чит-лист.
N3rd
В Ubuntu просто скопируйте файл .otf в $ HOME / .fonts и выполните fc-cache -f -v для установки шрифта.
Eldelshell
Существует проблема кодирования, когда я
вставляю
4

Я добавил этот ответ к оригинальному сообщению, добавив сюда также:

Я сделал следующее: создайте новый файл inkscape с простым путем в нем. Сохраните и закройте Inkscape, откройте файл в текстовом редакторе. Теперь откройте файл svg fontawsome с помощью текстового редактора. Скопируйте все теги, вставьте их в первый файл, внутри тега. Ищите «глиф», замените на «путь». Сохраните файл. Теперь откройте этот файл Inkscape. Все глифы теперь преобразованы в путь, но они расположены друг над другом.

У меня ушло около 5 минут на перемещение и изменение размера (здесь очень помогает выравнивание + распространение), чтобы переставить все значки примерно в дюжину столбцов внутри страницы.

Тибериу Ишим
источник
4

Вы можете использовать библиотеку символов, что очень полезно.

Вы можете импортировать некоторые значки, например, шрифт.

Этот репозиторий великолепен: https://github.com/Xaviju/inkscape-open-symbols

символы Inkscape

Drasill
источник
2
Я дам тебе +10, если смогу! Настолько легко, быстро и намного лучше, чем просто набор шрифтов! Спасибо большое !
538ROMEO
-1

Вы можете объяснить немного лучше, что такое Font Awesome. Я полагаю, что существует изображение PNG, возможно, маленького размера. Я преобразовал логотипы PNG и JPEG в векторные изображения в Illustrator. Я полагаю, то же самое можно сделать в Inkscape. Это большая работа, и для одного логотипа разумного размера это выполнимо, хотя оно никогда не будет идеальным. Я думаю, что для многих действительно маленьких изображений слишком много работы.

Вы связались с создателями этих изображений? Может быть, они где-то есть.

Вам лучше использовать Google для векторной графики, использовать поиск картинок Google с ai, eps или svg в качестве фильтра типов файлов и использовать другой набор.

SPRBRN
источник
1
Font Awesome - это шрифт с векторными значками, поэтому я сомневаюсь, что он состоит из PNG.
Голо Роден
1
Если это шрифт, то вы сможете использовать его в Inkscape, ввести все необходимые значки, затем (на сленге Illustrator) «создать контур» или (на языке Inkscape) «преобразовать объект в путь». Я не знаю, где и как, но так я делаю это в Illustrator.
СПРБРН
4
Если вы не отвечаете на вопросы, с которыми вы можете помочь ... вы даже не знаете, что такое Font Awesome!
Джонатан Тонге
-1

Вы можете добавить его как шрифт истинного типа в Windows, а затем использовать, charmapчтобы найти то, что вам нужно.

C:\windows\fonts

C:\windows\system32\charmap.exe
JarrettV
источник
5
Как это создает файлы SVG?
Кевин Панко