Web Fonts ใน CSS (ฟอนต์เว็บ)

Web Fonts ใช้เพื่ออนุญาตให้ใช้ฟอนต์ใน CSS ที่ไม่ได้ติดตั้งบนระบบท้องถิ่น (Local System)

ตัวอย่าง

โค้ดด้านล่างแสดงตัวอย่าง @font-face:

<html>
  <head>
    <style>
      @font-face {
        font-family: myFirstFont;
        src: url(/css/font/SansationLight.woff);
      }
      div {
        font-family: myFirstFont;
      }
    </style>
  </head>
  <body>
    <div>This is the example of font face with CSS3.</div>
    <p><b>Original Text:</b> This is the example of font face with CSS3.</p>
  </body>
</html>

ผลลัพธ์