เปลี่ยนฟอนต์ PHP โดยใช้ Google Fonts ผ่าน CSS

เปลี่ยนฟอนต์ PHP โดยใช้ Google Fonts ผ่าน CSS บทความนี้สอนเปลี่ยนรูปแบบของตัวอักษร หรือ font บนหน้าเว็บไซต์ โดยใช้ fonts จาก Google Fonts และโหลด font ผ่านภาษา CSS สามารถเขียนโปรแกรมได้ดังนี้

ตัวอย่าง เปลี่ยนฟอนต์ PHP โดยใช้ Google Fonts ผ่าน CSS

<style>
    @import url(http://fonts.googleapis.com/css?family=Abel);
    body {
        font-family: 'Abel', sans-serif;
    }
</style>

<?php
    echo "Hello Devdit";
?>

เปลี่ยนฟอนต์ PHP โดยใช้ Google Fonts ผ่าน CSS มีรายละเอียด และลำดับขั้นตอนดังนี้

1. ใช้คำสั่ง import url เพื่อโหลดฟอนต์จาก Google Fonts ผ่านลิงก์ URL ที่ต้องการ

2. ใช้คำสั่ง font-family ตามด้วยชื่อฟอนต์ที่ต้องการใช้งาน จากตัวอย่างคือ font-family: 'Abel' โดยเขียนไว้ใน body เนื่องจากต้องการให้ตัวอักษรทั้งหมดในเว็บไซต์ใช้ฟอนต์นี้