เป็นไปได้ไหมที่จะใช้ไอคอนFont Awesomeเป็นไอคอน Fav คุณรู้หรือไม่ว่าไอคอนเล็ก ๆ ที่ปรากฏขึ้นพร้อมกับชื่อเว็บไซต์ในแท็บเบราว์เซอร์?
ใช้ Font Awesome Icon เป็น Favicon
คำตอบ:
ใช่แล้ว. เพียงถ่ายภาพหน้าจอของบางสิ่งที่มีตัวอักษรที่ต้องการตัดส่วนที่คุณต้องการแล้วบันทึกเป็นภาพ (.ico)
อย่างจริงจังตอนนี้คุณอาจต้องการตรวจสอบรูปแบบที่รองรับโดยแต่ละเบราว์เซอร์: http://en.wikipedia.org/wiki/Favicon#File_format_support
ถ้าตัวละครของคุณมีภาพหรือไฟล์เวกเตอร์คุณจะตกลงกับเบราว์เซอร์ส่วนใหญ่ แต่ IE (เพราะ MS เกลียดคุณ) ไม่เช่นนั้นคุณจะต้องบันทึกเป็นภาพก่อน
3
ใบอนุญาตอนุญาตหรือไม่
—
art-solopov
@ art-solopov ใช่ - คุณสามารถตรวจสอบได้ที่หน้าใบอนุญาต: fortawesome.github.io/Font-Awesome/license
—
Renan
ฉันได้อ่าน OFL และฉันไม่พบอะไรที่เกี่ยวข้องกับการเปลี่ยนรูปแบบของฟอนต์หรือการแต่งภาพจากร่ายมนตร์ ขอโทษด้วยถ้าขาดอะไรไปช่วยชี้ให้ฉันดูส่วนที่เจาะจงได้ไหม ขอบคุณ.
—
art-solopov
ลดลงสำหรับการแนะนำภาพหน้าจอ มีหลายวิธีที่จะบรรลุเป้าหมายนี้
—
metaColin
@marcogmonteiro หากคุณเข้าไปที่ fontawesome.com/downloadคุณสามารถดาวน์โหลดไอคอนเป็นไฟล์. svg เบราว์เซอร์ส่วนใหญ่จะยอมรับเนื้อหา. svg เป็นไอคอน Fav หากคุณต้องการรองรับ IE เวอร์ชันเก่าคุณจะได้รับเนื้อหาแรสเตอร์ที่ดี (เช่น. png) โดยการแปลงไฟล์. svg โดยใช้ Photoshop หรือ Illustrator
—
metaColin
แก้ไข: ฉันแนะนำให้คุณใช้http://gauger.io/fonticon
ฉันได้สร้าง Font Awesome Favicon Generator ออนไลน์เพื่อทำสิ่งนั้น!
ดูตัวอักษรที่น่ากลัว Favicon Generator
ดีรวดเร็วและมีประสิทธิภาพ +1!
—
U rsus
@ เฟรดดี้จริงๆแล้วเครื่องกำเนิดไฟฟ้ามีความสามารถในเรื่องนั้นอยู่แล้วฉันยังไม่ได้สร้าง UI สำหรับมัน ส่งผ่าน params bg และ fg สำหรับพื้นหลังและพื้นหน้าตามลำดับโดยใช้ค่าสี RGB HEX ตัวอย่างเช่นpaulferrett.com/fontawesome-favicon/…
—
Paul Ferrett
@ paul-ferrett: มีวิธีเปลี่ยนขนาดของไอคอนที่สร้างขึ้นหรือไม่?
—
vgoklani
การใช้งานที่ดี น่าเสียดายที่ทุกวันนี้แค่ Favicon 16x16 นั้นไม่เพียงพอ จะเป็นการดีที่จะดาวน์โหลดไฟล์ zip ที่มี Favicons ที่จำเป็นในทุกขนาดที่จำเป็น
—
coorasse
ฉันยังได้สร้างFont Awesome Favicon Generator ออนไลน์ซึ่งมีคุณสมบัติเพิ่มเติมที่ขาดหายไปจากโซลูชันของ Paul Ferrett
- ดูตัวอย่าง favicon อยู่ในเบราว์เซอร์
- ขนาดของไอคอน
- ไอคอนและพื้นหลังโปร่งใส
- ขนาดภาพใหญ่ (ไอคอนสามารถมีรายละเอียดได้ตามที่คุณต้องการ)
- ชุดไอคอนสามารถอัปเดตผ่านคำขอดึง github
- อัปเดตอัปเดต 06/2017เป็น Font Awesome 4.7
- อัปเดต 06/2017 การค้นหาที่คลุมเครือและการค้นหาคำหลัก
- อัปเดต 09/2017ไอคอนแบบเรียงซ้อน
- อัปเดตอัปเดต 06/2018อัปเดต Font Awesome 5.0.13
- อัปเดตอัปเดต 11/2018เป็น Font Awesome 5.5.0
- อัปเดต 04/2019อัปเดตเป็น Font Awesome 5.8.1
- อัปเดต 04/2019เพิ่มการรองรับFont Awesome Pro !
หากคุณต้องการคุณสมบัติเพิ่มเติมโปรดอย่าลังเลที่จะส่งปัญหาหรือคำขอดึงที่นี่
@vgoklani หากคุณมีข้อเสนอแนะโปรดแจ้งให้เราทราบ :)
—
คราส
@eclipse: ขอบคุณมาก! สิ่งนี้ช่วยให้ฉันเจ็บปวดมาก
—
sam
ขอขอบคุณสำหรับความพยายามที่ดีนี้โดยมีข้อสังเกตบางประการก่อน:เมื่อฉันดาวน์โหลดรูปภาพความกว้างและความสูงจะเป็น 1024 เสมอควรปรับขนาดเป็นขนาดจริง วินาที:ควรเขียนขนาดของค่าตัวเลื่อนหรือดีกว่าสามารถตั้งค่าในกล่องตัวเลขได้
—
Saif
ฉันได้ปรับปรุงมันด้วยการรองรับไอคอนแบบเรียงซ้อน PR กำลังรอการตรวจสอบ
—
trung
ฉันชอบคุณลักษณะการแสดงตัวอย่างแท็บสด!
—
Tot Zam
รูปภาพใด ๆ สามารถอัปโหลดไปยังไซต์ตัวสร้าง Favicon เช่น
หรือ
ทำตามคำแนะนำออนไลน์บนไซต์ที่คุณเลือก โดยปกติจะเป็นเพียงกระบวนการสามขั้นตอน บันทึกไอคอน Fav ไว้ที่ระดับบนสุดของไซต์ของคุณ
เพื่อความเข้ากันได้ในเบราว์เซอร์ฉันขอแนะนำให้ใช้รูปภาพสำหรับ Favicons เสมอ แม้ว่าบางไซต์ที่คุณสร้างจะมีไว้สำหรับเบราว์เซอร์สมัยใหม่เท่านั้น แต่ยังคงแปลงอาร์ตเวิร์กไอคอน Fav เป็นรูปภาพได้ การใช้กระบวนการเดียวกันอย่างต่อเนื่องช่วยให้คุณกังวลน้อยลง
"โปรดทราบว่าไอคอน Fav จะไม่ปรากฏใน Chrome หากไซต์ของคุณอยู่ในพื้นที่เฉพาะเมื่อคุณอัปโหลดไซต์ไปยังโฮสต์เว็บของคุณ" ไม่ถูกต้อง
—
U rsus
หากคุณมีปัญหาในการดูไอคอนโปรดของคุณในเครื่องให้ดู stackoverflow.com/questions/16375592/…
—
otherDewi
เป็นไปไม่ได้ที่คุณจะใช้ตัวอักษรที่ยอดเยี่ยมโดยตรงเป็นไอคอน Fav โดยไม่ต้องแปลงเป็นรูปภาพ คุณต้องแปลงตัวละครเป็นภาพ ..