Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

วิธีการใช้ Google Fonts บนหน้าเว็บของคุณ?


หากต้องการใช้ 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>

ผลลัพธ์

รหัสข้างต้นจะสร้างผลลัพธ์ต่อไปนี้ -

วิธีการใช้ Google Fonts บนหน้าเว็บของคุณ?