Gunakan Font Awesome di Inkscape


16

Apakah ada cara untuk mengonversi ikon Font Awesome ke grafik SVG, sehingga saya dapat menggunakannya di Inkscape di dalam gambar vektor lainnya?

Mengimpor Huruf Luar Biasa ke Inkscape untuk Ikon Referensi tidak membantu di sini, karena ini hanya merujuk pada editor font - tetapi saya hanya ingin mengubah font menjadi satu set grafik SVG.

Apakah ini mungkin? Jika ya, bagaimana caranya?

Jawaban:



21

Saya menggunakan Inkscape terutama sebagai editor vektor utama saya. Saya menggunakan mac.

Sejauh yang saya tahu, tidak ada cara untuk mendapatkan vektor langsung ke Inkscape (Anda akan berpikir membuka file font svg akan memberi Anda sesuatu tetapi tidak)

Menginstal font otf (sekali lagi saya di Mac, jika pada Windows coba jenis font lain jika Anda tidak suka otf). Salin semua karakter sebagai tipe.

Lalu "garis besar" di Inkscape karena Anda akan mengubah font apa pun menjadi karya seni.

Ini adalah bagaimana saya mendapatkan vektor di Inkscape.

Agar lebih jelas: Setelah menginstal font Font Awesome terbaru, saya membuka halaman Font Awesome "cheatsheet": http://fontawesome.io/cheatsheet/

Saya memilih font FontAwesome sebagai font saya di Inkscape

Saya kemudian menyalin ICON itu sendiri dari halaman cheatsheet Font Awesome dan menempelkannya ke Inkscape sebagai teks.

Terakhir, cukup "ungroup" pemilihan teks hingga menjadi objek pathed.

Anda kemudian dapat mengubah / mengubah vektor.


bekerja tanpa masalah di Ubuntu. thx untuk tautan cheatsheet.
n3

Di Ubuntu, cukup salin file .otf ke $ HOME / .fonts dan jalankan fc-cache -f -v untuk menginstal font.
Eldelshell

Ada masalah penyandian ketika saya menempelkannya langsung dari situs web ...
538ROMEO

4

Saya telah menambahkan jawaban ini ke posting asli juga, menambahkan di sini juga:

Apa yang saya lakukan adalah ini: membuat file inkscape baru hanya dengan jalur sederhana di dalamnya. Simpan dan tutup Inkscape, buka file dengan editor teks. Sekarang, buka file svg fontawsome dengan editor teks. Salin semua tag, rekatkan di dalam file pertama, di dalam tag. Cari "glyph", ganti dengan "path". Simpan file. Sekarang, buka file ini Inkscape. Semua mesin terbang kini telah dikonversi ke jalur, tetapi mereka duduk di atas satu sama lain.

Butuh sekitar 5 menit untuk memindahkan dan mengubah ukuran (menyelaraskan + mendistribusikan sangat membantu di sini) untuk mengatur ulang semua ikon menjadi sekitar selusin kolom di dalam halaman.


4

Anda dapat menggunakan perpustakaan "simbol", yang sangat berguna.

Anda dapat mengimpor beberapa ikon, seperti font yang mengagumkan.

Repositori ini luar biasa: https://github.com/Xaviju/inkscape-open-symbols

simbol inkscape


2
Saya akan memberi Anda +10 jika saya bisa! Begitu mudah, cepat, dan jauh lebih baik sehingga hanya set ikon yang mengagumkan! Terima kasih banyak !
538ROMEO

-1

Anda mungkin menjelaskan sedikit lebih baik apa itu Font Awesome. Saya kira itu ada gambar PNG, mungkin ukurannya kecil. Saya telah mengonversi logo PNG dan JPEG menjadi gambar vektor, di Illustrator. Saya kira hal yang sama dapat dilakukan di Inkscape. Ini banyak pekerjaan, dan untuk satu logo berukuran cukup ini bisa dilakukan walaupun tidak akan pernah sempurna. Untuk banyak gambar yang sangat kecil, saya pikir terlalu banyak pekerjaan.

Sudahkah Anda menghubungi pencipta gambar ini? Mungkin mereka memilikinya di suatu tempat.

Anda lebih baik google untuk grafik vektor, menggunakan pencarian Gambar Google dengan ai, eps atau svg sebagai filter tipe file, dan menggunakan set lain.


1
Font Awesome adalah font dengan ikon vektor, maka saya ragu itu terdiri dari PNG.
Golo Roden

1
Jika font, maka Anda harus dapat menggunakannya di Inkscape, ketik semua ikon yang diperlukan, kemudian (dalam bahasa gaul Illustrator) "buat garis besar", atau (dalam bahasa Inkscape) "konversi objek ke jalur". Saya tidak tahu di mana atau bagaimana, tetapi itulah cara saya melakukannya di Illustrator.
SPRBRN

4
Jika Anda tidak menjawab pertanyaan yang dapat Anda bantu .. Anda bahkan tidak tahu apa itu Font Awesome!
Jonathan Tonge

-1

Anda dapat menambahkannya sebagai font tipe sebenarnya di Windows dan kemudian gunakan charmapuntuk menemukan yang Anda butuhkan.

C:\windows\fonts

C:\windows\system32\charmap.exe

5
Bagaimana ini membuat file SVG?
Kevin Panko
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.