CSS ตัวอักษร Google

Google Fonts

หากคุณไม่ต้องการใช้ตัวอักษรมาตรฐานใน HTML ใดๆ คุณสามารถใช้ Google Fonts API ที่จะเพิ่มฟอนต์อื่นๆ หลายร้อยชนิดเข้าไปในหน้าของคุณ

เพียงแค่เพิ่มลิงก์ไฟล์ CSS และอ้างอิงคริสตัลลิกของคุณที่เลือก

ตัวอย่าง

!DOCTYPE html
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Sofia">
<style>
body {
  font-family: "Sofia";
  font-size: 22px;
}
</style>
</head>
<body>
<h1>Sofia Font</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
</body>
</html>

ลองทดสอบเอง