ฟรี Icon Font แบบ Material Icons จาก Google

25 ก.พ. 2016 , 2,980 Views   , หมวดหมู่ WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง   , ป้ายกำกับ:,


icons-library-

Icon Font แบบ Material Icons สวยๆ แถมฟรีด้วย จาก Google

วิธีใช้ Icon Font จาก Google

  1. นำโค๊ดด้านล่างไปใส่ใว้ในส่วนของ <head>
  2. กำหนด style ให้กับ Icon Font โดยใส่โค๊ดใว้ใน <head>

     
  3. ใส่โค๊ด Icon Font ในเว็บ
    โดยให้เข้าไปที่ https://design.google.com/icons/ ในหน้าเว็บจะแสดง Icon ที่สามารถใช้ได้ จากนั้นให้คลิกเลือก Icon ที่ต้องการ จะแสดงแถบสีฟ้าฟ้าขึ้นมา ให้คลิกเลือกที่ <> ICON FONT ก็จะได้โค๊ด Icon เอาไปใช้ในเว็บไซต์เราครับ (ตามรูปด้านล่าง)googlewebfont

     

ดูวิธีใช้งานเพิ่มเติม http://google.github.io/material-design-icons/#icon-font-for-the-web

ตัวอย่างโค๊ด

 

See the Pen Icon Font from Google by Suttipong Choysakda (@nathanbc46) on CodePen.

ข้อมูลเพิ่มเติม https://design.google.com/icons/


ป้ายกำกับ:,