Icon new Thông báo: Cần sang nhượng lại website vnmeovat.com cho bạn nào muốn phát triển lại website này giá liên hệ giá tốt - zalo: 0939776246

Kênh công nghê


font-face 

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.

Thêm bình luận


Mã an ninh
Làm tươi

Tạo tài khoản
Visual Studio 2013 Ultimate
Dùng thử Dùng thử
kenh cong nghe 2774
Sách lập trình ASP.NET MVC 4 in Action
Miễn phí Miễn phí
kenh cong nghe 1948
Theme shop Nukeviet
Miễn phí Miễn phí
kenh cong nghe 1583
Themes green tea Nukeviet
Miễn phí Miễn phí
kenh cong nghe 1265
NetBean IDE Phần mềm lập trình
Miễn phí Miễn phí
kenh cong nghe 1182
MISA Mimosa.NET 2012 R90 Phần mềm Kế toán Hành chính sự nghiệp
Dùng thử Dùng thử
kenh cong nghe 1068
Eclipse Standard Phần mềm Lập trình Java chuyên dụng
Miễn phí Miễn phí
kenh cong nghe 1040
Task List Guru
Dùng thử Dùng thử
kenh cong nghe 963
PartitionGuru-Sao lưu và phục hồi phân vùng
Dùng thử Dùng thử
kenh cong nghe 946


khac-phuc-loi-khong-nhan-sim-s5

Cho dù bạn có đang sở hữu một chiếc smartphone đẳng cấp và sang ...

penguin-4

Tính đến thời điểm hiện tại là sau gần 2 năm kể từ khi google tung ...

sitemap-trong-seo4 

Có nhiều bạn mới vào nghê SEO thường hay hỏi về cách tạo ...

hang-on-creating-database-tables-joomla

Bạn đang tiến hành cài đặt Joomla 3x trên Localhost ( sử dụng phần ...

nukeviet-cms-4.0-rc2-homepage 

NukeViet CMS 4.0 RC2 ngoài việc sửa các lỗi của NukeViet 4.0 ...

ux-ui

Trong thời gian gần đây chúng ta được nghe nhắc rất nhiều đến cụm ...