Show Định nghĩa và sử dụngThuộc tính font thiết lập font cho thành phần, bao gồm font chữ, độ rộng, ... Cấu trúcVới giá trị như sau:
HTML viết:<html> <head></head> <body> <p>HỌC WEB CHUẨN</p> </body> </html> Hiển thị trình duyệt khi chưa có CSS:CSS viết:Hiển thị trình duyệt khi có CSS:Trình duyệt hỗ trợThuộc tính font được hỗ trợ trong đa số các trình duyệt. Giá trị "inherit" không hỗ trợ trình duyệt IE7 trở xuống, IE8 đòi hỏi phải có !Doctype
Định nghĩa và sử dụngThuộc tính font trong css3 dùng để định dạng các dạng font ngoài dạng đã được định nghĩa ở css2 (Xem thêm về font trong css2). Cấu trúc@font-face { thuộc tính: giá trị; } Thuộc tính của font trong css3:
HTML viết:<html> <head></head> <body> <p>Su dung font trong css3</p> <p class="addFont">Su dung font trong css3</p> </body> </html> Hiển thị trình duyệt khi chưa có CSS:Su dung font trong css3 Su dung font trong css3 CSS viết:@font-face { font-family: 'myFont'; src: url('vcouri-webfont.ttf'); } p.addFont { font-family: 'myFont'; } Hiển thị trình duyệt khi có CSS:Su dung font trong css3 Su dung font trong css3 Sử dụng cách sau đây để các trình duyệt đều hiển thị tốt, CSS viết:@font-face { font-family: 'myFont'; src: url('vcouri-webfont.eot'); src: url('vcouri-webfont.eot?#iefix'), /* IE4+ */ url('vcouri-webfont.woff') format('woff'), url('vcouri-webfont.ttf') format('truetype'), /* font chuan */ url('vcouri-webfont.svg#vni-courinormal') format('svg'); /* iphone, ipad*/ } p.addFont { font-family: 'myFont'; } Hiển thị trình duyệt khi có CSS:Su dung font trong css3 Su dung font trong css3 Định dạng font được hỗ trợ bởi trình duyệt và hệ điều hành:
|