WHAT'S NEW?
Loading...

วิธีใส่ฟอนต์ลงในบล็อกด้วย GoogleFonts

          สวัสดีครับ วันนี้ผมจะมาสอนวิธีการใส่ฟอนต์ลงบล็อกด้วย GoogleFonts เพื่อนๆคงเบื่อกับฟอนต์ธรรมดาๆที่ Blogger ให้เรามาใช่มั้ยล่ะครับ? งั้นวิธีที่ผมจะสอนนี้ละครับจะช่วยเพื่อนๆได้ แต่ต้องกล่าวไว้ก่อนเลยนะครับ ตอนนี้ GoogleFonts ยังไม่มีฟอนต์ภาษาไทยนะครับ ถ้าพร้อมแล้วก็เริ่มกันเลย


  1. ไปที่ GoogleFonts และเซาะหาฟอนต์ที่ต้องการ
  2. เมื่อค้นพบฟอนต์ที่ต้องการแล้วก็กดที่ "Add to Collection"
  3. คลิกที่ปุ่ม "use" ทางขวามือล่าง
  4. มันจะพาเราไปที่หน้า https://www.google.com/fonts#UsePlace:use ให้เราเลื่อนลงไปที่ข้อที่ 4 (ของหน้านั้นนะ ไม่ใช่ข้อที่ 4 ของวิธีนี้)
  5. คัดลอกโค้ดเก็บไว้
  6. เข้าสู่ระบบ Blogger และเลือกบล็อกที่คุณต้องการ
  7. เลือกที่ "แม่แบบ"
  8. คลิกที่ "แก้ไข HTML"


  9. กด "Ctrl+F" และค้นหา <head>
  10. นำโค๊ดที่คัดลอกมา (จากข้อ4) และวางข้างล่าง <head>

  11. ตัวอย่างเวลาวางโค๊ด
    
    
    <head>
    <link href='http://fonts.googleapis.com/css?family=Nunito:400,700' rel='stylesheet' type='text/css'/>
    
    
  12. ใส่ / หน้าเครื่องหมาย > ตามตัวอย่างข้างบนที่ทำสีแดงไว้
  13. เมื่อทำทุกอย่างเรียบร้อยแล้ว ก็กด"บันทึกเทมแพลต"


วิธีนำฟอนต์ไปพิมพ์ในโพสต์
ใส่โค๊ดตามด้านล่างนี้ก่อนและหลังข้อความที่ต้องการเปลี่ยนฟอนต์
 <span style="font-family: FontName;"> ข้อความ </span>
เปลี่ยน FontName เป็นชื่อฟอนต์ที่ใส่ไป (ดูได้จาก https://www.google.com/fonts#UsePlace:use )
เปลี่ยน ข้อความ เป็นข้อความที่ต้องการ ย้ำอีกรอบมีเฉพาะฟอนต์ภาษาอังกฤษเท่านั้น

1 ความคิดเห็น: Leave Your Comments