Використовуйте шрифт Awesome в Inkscape


16

Чи є спосіб перетворити значки Font Awesome у графіку SVG, щоб я міг їх використовувати в Inkscape усередині інших векторних зображень?

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

Чи можливо це? Якщо так, то як?

Відповіді:



21

Я використовую Inkscape головним чином як основний векторний редактор. Я на mac.

Наскільки я можу сказати, немає ніякого способу просто перенести вектори безпосередньо в Inkscape (ви можете подумати, що відкриття файлу шрифту svg дасть вам щось, але немає)

Встановлено шрифт otf (знову я на Mac, якщо в Windows спробуйте інші типи шрифтів, якщо вам не подобається otf). Скопіюйте всі символи як тип.

Потім "намічайте" їх у Inkscape, як ви перетворите будь-який шрифт на художній твір.

Ось як я отримав вектори в Inkscape.

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

Я вибрав шрифт FontAwesome як мій шрифт у Inkscape

Потім я скопіюю сам ICON зі сторінки шаблону Font Awesome і вставляю його в Inkscape як текст.

Останнє, просто "розгрупуйте" виділення тексту, поки він не стане виправленим об'єктом.

Потім ви можете змінити / налаштувати вектори.


працює без проблем на Ubuntu. THX за посиланням шпаргалки.
N3rd

На Ubuntu просто скопіюйте .otf файл у $ HOME / .fonts та виконайте fc-cache -f -v для встановлення шрифту.
Eldelshell

Виникла проблема кодування, коли я вставляю його безпосередньо з веб-сайту ...
538ROMEO

4

Цю відповідь я також додав до початкової публікації, додавши тут також:

Що я зробив, так це: створити новий файл Inkscape із простим шляхом у ньому. Збережіть і закрийте Inkscape, відкрийте файл із текстовим редактором. Тепер відкрийте набір файлів svg з текстовим редактором. Скопіюйте всі теги, вставте їх у перший файл, усередині тегу. Шукайте "гліф", замініть на "шлях". Збережіть файл. Тепер відкрийте цей файл Inkscape. Усі гліфи тепер перетворені на шлях, але вони сидять один на одного.

Переїзду та зміни розміру у мене знадобилося близько 5 хвилин (вирівнювання + розподіл допомагає тут дуже багато), щоб переставити всі значки приблизно на десяток стовпців всередині сторінки.


4

Можна використовувати бібліотеку «символів», що дуже корисно.

Ви можете імпортувати деякі піктограми, наприклад, дивним шрифтом.

Це сховище чудово: https://github.com/Xaviju/inkscape-open-symbols

чорнила символів


2
Я дам вам +10, якщо зможу! Настільки просто швидко і набагато краще, що просто набір іконок дивовижного шрифту! Велике спасибі!
538ROMEO

-1

Ви можете пояснити трохи краще, що таке шрифт Awesome. Я припускаю, що існує зображення PNG, ймовірно, невеликого розміру. Я перетворив логотип PNG та JPEG у векторні зображення, в Illustrator. Я думаю, те саме можна зробити і в Inkscape. Це велика робота, і для одного логотипу досить розумного розміру це можливо, хоча він ніколи не буде ідеальним. Для багатьох дійсно невеликих зображень я думаю, що занадто багато роботи.

Чи зв’язалися ви з творцями цих зображень? Можливо, вони мають їх десь доступні.

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


1
Шрифт Awesome - це шрифт з векторними іконками, тому я сумніваюся, що він складається з PNG.
Голо Роден

1
Якщо це шрифт, ви повинні мати можливість використовувати його в Inkscape, введіть усі необхідні піктограми, а потім (в сленгу Illustrator) "створити контур" або (мовою Inkscape) "перетворити об'єкт у шлях". Я не знаю, де і як, але це я роблю в Illustrator.
SPRBRN

4
Якщо ви не відповідаєте на запитання, з якими ви можете допомогти. Ви навіть не знаєте, що таке шрифт Awesome!
Джонатан Тондж

-1

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

C:\windows\fonts

C:\windows\system32\charmap.exe

5
Як це створює файли SVG?
Кевін Панько
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.