Thứ Sáu, 3 tháng 5, 2013

CSS @font-face


@font-face 3

Cho phép các trang web để tải về và sử dụng phông chữ khác với font chữ có trong máy

Thuộc tính giá trị Ví dụ Mô tả
@font-face font-family name Yêu cầu. Xác định tên của phông chữ.
  src URL Yêu cầu. Xác định URL (s) font được tải về
  font-stretch normal
condensed
ultra-condensed
extra-condensed
semi-condensed
expanded
semi-expanded
extra-expanded
ultra-expanded
Tùy chọn.Xác định phông chữ như thế nào cần được kéo dài. Giá trị mặc định là "normal"
  font-style normal italic oblique Tùy chọn.Xác định các font cần được theo kiểu như thế nào. Giá trị mặc định là "normal"
  font-weight normal bold 100 200 300 400 500 600 700 800 900 Tùy chọn.Xác định táo bạo của phông chữ. Giá trị mặc định là "normal"
  unicode-range unicode-range Tùy chọn.Xác định phạm vi của các ký tự unicode font hỗ trợ. Giá trị mặc định là "U 0-10 FFFF"

Xem ví dụ

<style>
@font-face
{
font-family: myFirstFont;
src:
url('UNITapviet_0_ly.ttf'), /* bạn upload font hiếm lên host dạng *.TTF */
url('Sansation_Light.eot'); /* IE9 */
}

div
{
font-family:myFirstFont;
font-size:70px;
}
</style>

<div> nội dung </div>

Sự tương thích ( Cập nhật / Báo lỗi )

Firefox Opera Google Chrome Safari IOS Android Window phone
               


Chủ đề: