ใช้ Font Awesome ใน Inkscape


16

มีวิธีการแปลงไอคอนตัวอักษรน่ากลัวเป็นกราฟิก SVG เพื่อให้ฉันสามารถใช้พวกเขาใน Inkscape ภายในภาพเวกเตอร์อื่น ๆ ?

การนำเข้า Font Awesome ไปยัง Inkscape สำหรับการอ้างอิงไอคอนไม่ได้ช่วยที่นี่เพราะนี่หมายถึงตัวแก้ไขแบบอักษรเท่านั้น - แต่ฉันต้องการแปลงแบบอักษรเป็นชุดของกราฟิก SVG

เป็นไปได้ไหม ถ้าเป็นเช่นนั้นได้อย่างไร

คำตอบ:



21

ฉันใช้ Inkscape เป็นหลักในการแก้ไขเวกเตอร์หลักของฉัน ฉันใช้แม็ค

เท่าที่ฉันสามารถบอกได้ไม่มีวิธีใดที่จะนำเวกเตอร์เข้าสู่ Inkscape โดยตรง (คุณคิดว่าการเปิดไฟล์ฟอนต์ svg จะให้อะไรคุณ แต่ไม่)

ติดตั้งฟอนต์ otf (อีกครั้งฉันใช้ Mac หากบน Windows ลองใช้ฟอนต์ชนิดอื่นหากคุณไม่ชอบ otf) คัดลอกอักขระทั้งหมดตามประเภท

จากนั้น "ร่าง" พวกเขาใน Inkscape ตามที่คุณจะเปลี่ยนแบบอักษรเป็นงานศิลปะ

นี่คือวิธีที่ฉันได้เวกเตอร์ใน Inkscape

เพื่อความชัดเจน: หลังจากติดตั้งแบบอักษรล่าสุดของตัวอักษรที่ยอดเยี่ยมที่สุดฉันเปิดหน้า "cheatsheet" แบบอักษรที่น่ากลัว: http://fontawesome.io/cheatsheet/

ฉันเลือกแบบอักษร FontAwesome เป็นแบบอักษรของฉันใน Inkscape

จากนั้นฉันก็คัดลอกไอคอนตัวเองจากหน้า cheatsheet Font Awesome และวางลงใน Inkscape เป็นข้อความ

สุดท้ายเพียงแค่ "ยกเลิกการจัดกลุ่ม" การเลือกข้อความจนกว่าจะกลายเป็นวัตถุที่มีเส้นทาง

จากนั้นคุณสามารถเปลี่ยน / ปรับแต่งเวกเตอร์


ทำงานได้อย่างไม่มีปัญหากับ Ubuntu ขอบคุณสำหรับลิงค์ cheatsheet
n3rd

บน Ubuntu เพียงแค่คัดลอกไฟล์. otf ไปยัง $ HOME / .fonts และดำเนินการ fc-cache -f -v เพื่อติดตั้งฟอนต์
Eldelshell

มีปัญหาในการเข้ารหัสเมื่อฉันวางโดยตรงจากเว็บไซต์ ...
538ROMEO

4

ฉันได้เพิ่มคำตอบนี้ไปยังโพสต์ต้นฉบับเช่นกันเพิ่มที่นี่ด้วย:

สิ่งที่ฉันทำคือ: สร้างไฟล์ inkscape ใหม่ที่มีเพียงเส้นทางง่ายๆในนั้น บันทึกและปิด Inkscape เปิดไฟล์ด้วยโปรแกรมแก้ไขข้อความ ตอนนี้ให้เปิดไฟล์ fontawsome svg ด้วยโปรแกรมแก้ไขข้อความ คัดลอกแท็กทั้งหมดวางไว้ในไฟล์แรกภายในแท็ก ค้นหา "glyph" แทนที่ด้วย "path" บันทึกไฟล์ ตอนนี้เปิดไฟล์นี้ Inkscape ร่ายมนตร์ทั้งหมดได้รับการดัดแปลงให้เป็นเส้นทาง แต่พวกมันก็นั่งอยู่บนกันและกัน

ฉันใช้เวลาประมาณ 5 นาทีในการเคลื่อนย้ายและปรับขนาด (จัดตำแหน่ง + แจกจ่ายช่วยได้มากที่นี่) เพื่อจัดเรียงไอคอนทั้งหมดใหม่ให้มีประมาณหนึ่งโหลของคอลัมน์ภายในหน้า


4

คุณสามารถใช้ห้องสมุด "สัญลักษณ์" ซึ่งมีประโยชน์มาก

คุณสามารถนำเข้าไอคอนได้บางตัวเช่นตัวอักษรยอดเยี่ยม

ที่เก็บนี้ยอดเยี่ยม: https://github.com/Xaviju/inkscape-open-symbols

สัญลักษณ์ inkscape


2
ฉันจะให้ 10 ถ้าคุณทำได้! ง่ายและรวดเร็วดีกว่าที่จะตั้งค่าไอคอนแบบอักษรที่ยอดเยี่ยม! ขอบคุณมาก !
538ROMEO

-1

คุณอาจอธิบายให้ดีขึ้นว่า Font Awesome คืออะไร ฉันคิดว่ามันมีอยู่ในภาพ PNG ซึ่งอาจมีขนาดเล็ก ฉันแปลงโลโก้ PNG และ JPEG เป็นภาพเวกเตอร์ใน Illustrator ฉันคิดว่าเดียวกันสามารถทำได้ใน Inkscape มันใช้งานได้มากมายและสำหรับโลโก้ที่มีขนาดพอเหมาะสิ่งนี้สามารถทำได้แม้ว่าจะไม่สมบูรณ์แบบ สำหรับภาพขนาดเล็กมาก ๆ ฉันคิดว่าทำงานมากเกินไป

คุณได้ติดต่อผู้สร้างภาพเหล่านี้หรือไม่ บางทีพวกเขามีพวกเขาอยู่ที่ไหนสักแห่ง

คุณควร google สำหรับกราฟิกแบบเวกเตอร์ใช้ Google Image search กับ ai, eps หรือ svg เป็นตัวกรองประเภทไฟล์และใช้ชุดอื่น


1
Font Awesome เป็นแบบอักษรที่มีไอคอนเวกเตอร์ดังนั้นฉันสงสัยว่ามันประกอบด้วย PNG
Golo Roden

1
ถ้าเป็นฟอนต์คุณควรจะสามารถใช้มันใน Inkscape พิมพ์ไอคอนที่จำเป็นทั้งหมดจากนั้น (ในคำสแลง Illustrator) "สร้างเค้าร่าง" หรือ "ในภาษา Inkscape)" แปลงวัตถุเป็นพา ธ " ฉันไม่รู้ว่าที่ไหนหรืออย่างไร แต่นั่นเป็นวิธีที่ฉันทำใน Illustrator
SPRBRN

4
คุณไม่ควรตอบคำถามที่คุณสามารถช่วยได้ .. คุณไม่รู้ด้วยซ้ำว่า Font Awesome คืออะไร!
Jonathan Tonge

-1

คุณสามารถเพิ่มเป็นฟอนต์ชนิด True ใน Windows จากนั้นใช้charmapเพื่อค้นหาสิ่งที่คุณต้องการ

C:\windows\fonts

C:\windows\system32\charmap.exe

5
สิ่งนี้จะสร้างไฟล์ SVG ได้อย่างไร
Kevin Panko
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.