สร้างมูลค่าเพิ่มให้กับ Blog ของคุณด้วยการใช้ web font

เราสามารถทำให้ Blog ของเราดูดีขึ้นได้ง่ายๆด้วยการใช้เว็บฟอนต์มาช่วย

ลองดูตัวอย่างจากเว็บด้านล่างนี้นะครับ

อันนี้คือใช้ default font ตามปกติ

bkk-old

ส่วนด้านล่างนี้คือการใช้ font ฟรีของ Google มาช่วย

bkk-new

 

แตกต่างกันมากเลยใช่ไหมครับ!

ส่วนวิธีการนำเอาฟอนต์เหล่านี้มาใช้กับเว็บของเราก็ไม่ยากครับ

โดยเราสามารถไปที่เว็บ Font ของ Google ที่

https://fonts.google.com/

จากนั้นกดที่เครื่องหมาย + สีแดงที่ฟอนต์ที่ต้องการใช้

screenshot_20161127_165317

 

เมื่อกดปุ่ม + สีแดงแล้วจะได้ตามรูปด้านล่าง แล้วกดที่แถบสีดำด้านล่าง ตามลำดับ

screenshot_20161127_165424

screenshot_20161127_165530

จากนั้นก็เอา Code ที่แสดงอยู่ไปฝังในเว็บของเราได้เลยครับ แล้วก็เรียกใช้ font นี้จาก CSS ในเว็บของเรา ก็เป็นอันเสร็จขั้นตอนครับ

ส่วนถ้าใครใช้ WordPress ก็อาจจะง่ายหน่อยเพราะมี Plugins ไว้ช่วยให้การทำงานให้ง่ายขึ้นครับ

ลองแล้วติดขัดยังไงก็ comment คุยกันได้ครับ

 

Author: boon

Leave a Reply

Your email address will not be published. Required fields are marked *