Font-face cho CSS2

Font-face ra đời cùng với IE 5.0, và độc quyền sử dụng font OpenType (.eot). Nhưng khi các trình duyệt đời mới ra đời như FF 3, Safari 3.1, Opera và gần đây la Chrome thì font-face đã được sử dụng rộng rãi hơn với loại font đa dạng hơn như TrueType (.ttf), Web Open Font Format (WOFF)
Sau đây là bảng tương thích của trình duyệt và loại font:
.EOT : Internet Explorer 5+
.TTF: Firefox 3.5+, Opera 10.0+, Safari 3.1+
.WOFF: Firefox 3.6+
.OTF: Firefox 3.5+, Opera 10.0+, Safari 3.1+
Trong Tutorial thì tớ sẽ hướng dẫn các bạn
1/ Sơ lược về font-face
2/ Chuyển 1 template đồ họa từ PSD sang HTML và CSS 2
3/ Sử dụng font-face cho FF 3.6
4/ Sử dụng công cụ chuyển font ttf sang eot (TTF to EOT Font Converter) http://www.kirsle.net/wizards/ttf2eot.cgi
5/ Sử dụng font-face cho IE 8

Category:

People & Blogs

Tags:

• Font
• face
• cho
• CSS2