Search code examples
csshtmlfont-family

Apply Calibri (Body) font to text

I have a div and in this div I want to display some text in Calibri (Body) font.

How can I do this?

This is the css I have been given :

.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;
    }

This is the div:

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

There is no font style displayed with this font family.

When I look at the firebug output there is no style for font family.

Solution

  • If there is a space between the letters of the font, you need to use quote.

    font-family:"Calibri (Body)";