หากต้องการใช้ Google Fonts บนหน้าเว็บของคุณ โค้ดจะเป็นดังนี้ -
ตัวอย่าง
<!DOCTYPE html> <html> <head> <link href="https://fonts.googleapis.com/css?family=Permanent+Marker&display=swap" rel="stylesheet"/> <style> body { font-family: "Permanent Marker", cursive; font-size: 22px; } </style> </head> <body> <h1>Google fonts example</h1> <p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Debitis non a quos repudiandae doloribus cumque! Ex rem rerum aut maiores. </p> <h2>1 2 3 4 5 6 7 8 9 10</h2> </body> </html>
ผลลัพธ์
รหัสข้างต้นจะสร้างผลลัพธ์ต่อไปนี้ -