ฉันจะใช้ Font Awesome ใน Photoshop และ Fireworks ได้อย่างไร

77

ดังนั้นฉันดาวน์โหลดFont Awesomeและติดตั้งแบบอักษร ตอนนี้ฉันต้องการใช้แบบอักษรนี้ในการออกแบบของฉันใน Photoshop และดอกไม้ไฟ

ฉันจะทำอย่างไร

fonts adobe-photoshop adobe-fireworks

— Kriem
แหล่งที่มา

www.whatdafontawesome.co.uk เลือกการออกแบบที่ด้านบนซ้ายดับเบิลคลิกที่ไอคอน

— ลุค Snowden

113

ฉันพบวิธีแก้ปัญหาที่เหมาะกับฉัน เพียงดาวน์โหลดและติดตั้งแบบอักษรจากอักษรเว็บไซต์ที่น่ากลัว จากนั้นใช้Cheatsheet Font Awesomeเพื่อคัดลอกและวางไอคอนใน Photoshop และ Fireworks (หรือผู้วาดภาพประกอบหรือสิ่งที่คุณต้องการใช้)

ทำงานได้อย่างสมบูรณ์แบบ!

— Kriem
แหล่งที่มา

21

ควรสังเกตว่าคุณต้องคลิกสองครั้งที่ไอคอนตัวเองแล้วคัดลอก ไม่ใช่รหัสที่อยู่ใน parantheses ที่จะไม่ทำงาน

— Mathias Lykkegaard Lorenzen

สวัสดีฉันกำลังใช้สิ่งนี้ใน Adobe Fireworks สิ่งนี้ใช้ได้กับฉันหลังจากฉันเริ่มดอกไม้ไฟใหม่เท่านั้น นอกจากนี้ในชีทชีทคุณไม่จำเป็นต้องคลิกและโหลดไอคอนในรายการเองเพียงแค่เน้นไอคอน (ไม่ใช่ข้อความ) และคัดลอกจากนั้นใช้เครื่องมือข้อความในดอกไม้ไฟและวาง หากคุณได้สิ่งที่มีลักษณะเป็นสี่เหลี่ยมให้ไฮไลต์ที่รูปสี่เหลี่ยมแล้วเลือกแบบอักษรที่ยอดเยี่ยม

— Paul Preibisch

สิ่งที่ @MathiasLykkegaardLorenzen บอกว่าควรเป็นส่วนหนึ่งของคำตอบ :) ฉันใช้เวลา 10 นาทีสุดท้ายในการพยายามคัดลอกโค้ดในรูปแบบต่างๆ

— Imran Bughio

ฉันเดาว่านี่ใช้งานได้ แต่ฉันต้องคัดลอกจากโปรแกรมอื่น ๆ เช่น Inkscape หรือ Word แล้ววางลงใน Keynote

— David Silva Smith

มันใช้งานได้กับ Flash เช่นกัน

— pzv

19

สิ่งนี้ใช้ได้สำหรับฉัน

ดาวน์โหลด FontAwesome จากhttp://fortawesome.github.io/Font-Awesome/
คัดลอกไฟล์แบบอักษรจาก "font-Awesome / font" ไปยังไดเรกทอรีแบบอักษรคอมพิวเตอร์ของคุณ (สำหรับ Mac: Applications / Font Book)
เลือกและคัดลอกไอคอนที่ต้องการจากhttp://fortawesome.github.io/Font-Awesome/cheatsheet/และวางใน Photoshop ด้วยตัวอักษรตระกูล FontAwesome

— Talha Ashraf
แหล่งที่มา

3

นี่ควรเป็นคำตอบที่ยอมรับได้ ไม่จำเป็นต้องติดตั้งแอพของบุคคลที่สามใด ๆ เพียงแค่ใช้งานได้

— lee_mcmullen

@lee_mcmullen คำตอบนี้ตรงกับคำตอบที่ยอมรับ

— Kriem

7

คำตอบเหล่านี้ถูกต้อง แต่ไม่มีรายละเอียดทั้งหมด นี่คือสิ่งที่ต้องทำ:

หากคุณมี FontAwesome เวอร์ชันเก่าให้ถอนการติดตั้งจากคอมพิวเตอร์ของคุณ
ดาวน์โหลดและติดตั้ง FontAwesome ( http://fortawesome.github.io/Font-Awesome/ - ปุ่มดาวน์โหลดสีเหลืองขนาดใหญ่ที่ด้านบน)
ไปที่แผ่นโกง FontAwesome ( http://fortawesome.github.io/Font-Awesome/cheatsheet/ )
ดับเบิลคลิกและคัดลอกไอคอนจริงที่คุณต้องการใช้ (ไม่มีข้อความหรือ Unicode)
ใน Photoshop เลือกเครื่องมือข้อความคลิกในเอกสารของคุณเพื่อสร้างเลเยอร์ข้อความแล้ววางไอคอนของคุณ

ฉันใช้ตลอดไปโดยใช้เครื่องมือย้าย (เคอร์เซอร์เริ่มต้น) และพยายามวางในขณะที่อยู่ในเครื่องมือนั้น มันไม่ทำงาน คุณต้องสร้างเลเยอร์ข้อความและวางในนั้น

— Philip Stancil
แหล่งที่มา

4

เป็นเรื่องที่ค่อนข้างน่ารำคาญที่จะคัดลอกและวางไอคอนจากชีตชีตลงในฟิลด์ข้อความจากนั้นสร้างโครงร่างสำหรับแต่ละไอคอนและไฟล์อิลวาดอร์ของ aurevilly นั้นทั้งล้าสมัยและไม่มีฉลาก

ดังนั้นฉันจึงสร้างไฟล์ผู้วาดภาพประกอบที่มีไอคอนทั้งหมดใน Font Awesome 4.0.0 เป็นเส้นทางเวกเตอร์ที่อยู่ถัดจากป้ายกำกับของพวกเขาเพื่อให้แคบลงอย่างรวดเร็วบนไอคอนและคัดลอก / วางลงใน Photoshop, Fireworks, Sketch และอื่น ๆ

เพียงให้แน่ใจว่าได้ติดตั้ง Font-Awesome.otf 4.0.0 ล่าสุดตามคำตอบอื่น ๆ ที่นี่

— Jonathan Dumaine
แหล่งที่มา

2

Font Awesome to PNGให้คุณดึง PNG ที่มีขนาดสมบูรณ์แบบจากแบบอักษรที่ยอดเยี่ยม มันเจ๋งมาก.

หากคุณกำลังติดตั้งบน Mac ให้ทำตามนี้: https://github.com/odyniec/font-awesome-to-png/issues/9

— Yarin
แหล่งที่มา