Question

I have to display the text with font family as Edwardian Script.

How to do that?

This is my html:

<div class="sweetest_ride">Sweetest Rides Available Worldwide</div> 

This is css:

.sweetest_ride {
    color: #FFFFFF;
    float: left;
    font-family: "Edwardian Script";
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 2px;
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    width: 100%;
}

When i using this nothing wiil happen.

The Edwardian Script font family is displayed in this link:

http://www.microsoft.com/typography/fonts/font.aspx?FMID=990

Answer 1

You could create a @font-face rule in CSS:

@font-face {
    font-family: "Edwardian Script";
    src: url(path/to/the/font);
}

and then use it with:

font-family: "Edwardian Script";

See the supplied link for more information on parameters that can be set.