โฮมเพจ » กราฟิก » IcoFont มอบไอคอนฟรีให้คุณมากกว่า 2100 ไอคอนในไฟล์ฟอนต์เดี่ยว

    IcoFont มอบไอคอนฟรีให้คุณมากกว่า 2100 ไอคอนในไฟล์ฟอนต์เดี่ยว

    ด้วยการเพิ่มขึ้นของ แบบอักษรบนเว็บ และ แบบอักษร CSS ที่ฝังได้, ทุกวันนี้มันง่ายกว่ามากในการสร้างเว็บไซต์ที่ไม่เหมือนใครอย่างแท้จริง.

    แนวโน้มล่าสุดคือ แบบอักษรของไอคอน ซึ่งมักจะเล็กกว่าภาพปรับขนาดได้ง่ายกว่าและชัดเจนในทุกขนาดหน้าจอ (รวมถึงเรตินา) คุณสามารถค้นหาแบบอักษรไอคอนเหล่านี้ได้ทางออนไลน์มากมาย IcoFont ใช้เค้กจริง ๆ.

    แบบอักษรของไอคอนฟรีนี้มาพร้อมกับ มากกว่า 2,100 ไอคอน, ทั้งหมดรวมกันเป็น ไฟล์ตัวอักษรเดียว.

    คุณสามารถดาวน์โหลดแหล่งข้อมูลดิบได้ด้วย ไอคอนทั้งหมด หรือเท่านั้น ไอคอนบางอย่าง “ครอบครัว” เช่นสกุลเงินธุรกิจสังคมหรือ UI มือถือ (รวมถึง UI อื่น ๆ อีกมากมาย).

    เว็บไซต์ทำหน้าที่เหมือน เอกสารออนไลน์ สำหรับไอคอนทั้งหมดเหล่านี้เพื่อให้คุณสามารถคัดลอก / วางรหัสลงในไซต์ของคุณได้อย่างรวดเร็ว ไอคอน IcoFont ทำงานได้มาก เหมือนไอคอน FontAwesome ซึ่งตัวอย่างเช่นจะถูกใช้โดยค่าเริ่มต้นในกรอบ Bootstrap.

    ทุกอย่างทำงานผ่าน ธาตุ ที่ต้องการ CSS สองคลาส:

    1. คลาส IcoFont เริ่มต้น
    2. คลาสสำหรับไอคอนแต่ละประเภท

    ตัวอย่างเช่นหากต้องการเพิ่มไอคอนปราสาทลงในเอกสารของคุณคุณจะต้องเพิ่มสิ่งนี้ลงในเค้าโครงของคุณ:

      

    คุณสามารถเพิ่มไอคอนเหล่านี้ในทางเทคนิค องค์ประกอบใด ๆ ที่คุณต้องการ แต่รหัสเริ่มต้นจาก IcoFont อาศัย องค์ประกอบ.

    หมายเหตุไลบรารีนี้ ไม่ควรสับสน ด้วยโปรแกรมที่เรียกว่า Icofont ซึ่งไม่ใช่ห้องสมุด แต่เป็นอินเตอร์เฟสสำหรับจัดการแบบอักษรของไอคอนภายในแอปพลิเคชัน RoR ของคุณ เนื่องจากโปรแกรมนี้มีชื่อเดียวกันกับไลบรารี IcoFont มันอาจเป็นเรื่องยากสำหรับ Google สำหรับข้อมูลเพิ่มเติม.

    ห้องสมุดนี้คือ ยังใหม่มาก และฉันหามันไม่เจอบน GitHub หรือที่อื่นใดบนเว็บ แต่หากคุณกำลังมองหาข้อมูลเพิ่มเติมฉันขอแนะนำให้เยี่ยมชมเว็บไซต์และดาวน์โหลดสำเนา คุณจะพบทั้งหมด รหัสที่เหมาะสม ที่นั่นและคุณยังสามารถเรียกดู ไอคอนทั้งหมดตามหมวดหมู่ เพื่อดูว่ามีอะไรอยู่ในชุด.

    © Savtec
    ข้อมูลที่เป็นประโยชน์และเคล็ดลับการพัฒนาเว็บ การเขียนโปรแกรม, ออกแบบเว็บไซต์, CSS, HTML, JAVASCRIPT กำหนดค่าและติดตั้ง WINDOWS อีกครั้ง การสร้างเว็บไซต์และแอปพลิเคชันตั้งแต่เริ่มต้น