Web Fonts (Font web) trong CSS

Giới thiệu

Web fonts cho phép sử dụng các font trong CSS mà không cần cài đặt trên hệ thống cục bộ.

Ví dụ

Mã sau minh họa sử dụng @font-face:

<html>
<head>
    <style>
        @font-face {
            font-family: myFirstFont;
            src: url(/css/font/SansationLight.woff);
        }
        div {
            font-family: myFirstFont;
        }
    </style>
</head>
<body>
    <div>Đây là ví dụ về font-face với CSS3.</div>
    <p><b>Văn bản gốc:</b>Đây là ví dụ về font-face với CSS3.</p>
</body>
</html>

Kết quả