อันดับแรกให้เราค้นหาคำว่า google font แล้วก็เลือกผลการค้นหาอันดับแรกได้เลย
เมือเราเข้ามาแล้วเราก็จะสามารถสามารเลือกฟ้อนที่มีอยู่มากมายได้แต่ถ้าเราต้องการที่ฟ้อนเป็นภาษาไทยด้วยก็ให้เลือกเป็นภาษาไทย
เมือเราเลือกฟ้อนที่ถูกใจได้แล้วเราก็ทำการคลิกเครื่องหมาย + ได้เลย
ซึ่งเราก็สามารถเลือกฟ้อนได้หลายตัวตามที่เราต้องการได้ถ้าเราเลือกฟ้อนพอแล้วก็ให้คลิกที่มุมขวาล่าง
เมือคลิกเข้ามาแล้วเราก็จะเห็นโค้ดที่เราต้องนำไปใช้
1. นำฟ้อนนี้ไปใส่ตรง head ของเรา
2. นำไปใส่ที่ css ของเรา
โค้ดนี้ก็จะเป็นตัวอย่างในการเรียกใช้งานฟ้อนจาก google fonts
หน้าเว็บของเรา
โค้ด: เลือกทั้งหมด
<link rel="stylesheet" href="../test/css.css">
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<link href="https://fonts.googleapis.com/css?family=Charm&display=swap" rel="stylesheet">
</head>
<body>
<h1>เครื่องมือและอุปกรณ์ทั้งหมดของพวกเขาพร้อมสำหรับการใช้งานแล้ว </h1>
<h1 class="fonttest">เครื่องมือและอุปกรณ์ทั้งหมดของพวกเขาพร้อมสำหรับการใช้งานแล้ว </h1>
</body>
</html>
โค้ด: เลือกทั้งหมด
.fonttest{
font-family: 'Charm', cursive;
}
เป็นอย่างไรบ้างครับสำหรับการวิธีการเรียกใช้ font ใน google font ไม่อยากอย่าที่คิดใช้ไหมแถมยังทำให้เว็บไซต์ที่เราพัฒนาอยู่มีความเท่มีความเป็นตัวของตัวเองมากยิ่งขึ้นอีกด้วยหวังว่าจะเป็นบทความที่ผู้เข้ามาอ่านจะได้ประโยชน์ไปใช้งานกันไม่มากก็น้อยนะครับและทางผู้เขียนบทความนี้ก็หวังเป็นอย่างยิ่งว่าจะผู้ที่ได้รับความรู้นี้จะนำไปส่งต่อความรู้ให้กับผู้ที่สนใจเหมือนกับเราได้รับความรู้นี้ไปด้วย