Áp dụng phông chữ Calibri (Cơ thể) vào văn bản

Question

Tôi có một div và trong div này tôi muốn hiển thị một số văn bản trong phông chữ Calibri (Body).

Tôi làm cách nào để thực hiện việc này?

Đây là css Tôi đã được đưa ra:

.an_account_join_1 { 
    float:left; 
    width:100%; 
    color:#000000; 
    font-family:Calibri (Body); 
    letter-spacing:2px; 
    font-size:14px; 
    text-align:center; 
    margin:20px 0px; 
    } 

Đây là div:

<div class="an_account_join_1">Individual Free Membership</div> 

Không có kiểu chữ hiển thị với họ phông chữ này.

Khi tôi nhìn vào đầu ra firebug, không có kiểu cho họ phông chữ.

Answer 1

Nếu có khoảng cách giữa các chữ cái của phông chữ, bạn cần sử dụng báo giá.

font-family:"Calibri (Body)";

Answer 2

Không có phông chữ nào như "Calibri (Body)". Có thể bạn đã thấy chuỗi này trong menu chọn phông chữ của Microsoft Word, nhưng không phải là tên phông chữ (xem ví dụ: giải thích Font: +body (in W07)).

Vì vậy, chỉ sử dụng font-family: Calibri hoặc, tốt hơn, font-family: Calibri, sans-serif. (Không có phông sao lưu thích hợp cho Calibri, nhưng tỷ lệ là khi Calibri không có sẵn, phông chữ sans-serif mặc định của trình duyệt phù hợp với thiết kế của bạn tốt hơn phông chữ mặc định của trình duyệt, thường là phông chữ serif.)