font-face.png

Thông thường việc thiết kế web bị giới hạn bởi ngân hàng font của máy tính, website không thể dùng có font chữ lạ mà chỉ dùng những định dạng phổ biến để tất cả các máy đề có thể xem được website. Vì vậy với công nghệ cũ ta phải nhúng java vào hoặc bó tay đành phải chịu với những mẫu font cơ bản nhàm chán.

Với kỹ thuật mới của HTML5 và CSS3 chúng ta có thể add những font lạ, đẹp và website mình một cách rất đơn giản.

Để tiến hành thêm font, bạn cần upload font lên host (hoặc bỏ vào thư mục nào đó trong website nếu đang lập trình trong máy). Sau đó thêm vào file css theo cấu trúc như sau:

1
2
3
4
@font-face {
    font-family: "Tên font";
    src:url(đếnfontcầnthêm)format("định dạng của font");
}

Ví dụ:

1
2
3
4
@font-face {
    font-family: "My Font";
    src:url(http://localhost/example/font/MyriadPro-Bold.otf)format("truetype");
}

Sử dụng font vừa thêm vào bằng cách:

1
font-family:"My Font";

Như vậy, ta đã có thể thêm được nhiều định dạng font làm cho website trở nên lung linh đẹp mắt rất đơn giản. Chúc các bạn thành công.

Công ty Thiết kế website Vgroup