Эдвардианский сценарий к тексту в HTML5

Question

Я должен отобразить текст с семейством шрифтов как Edwardian Script,

Как это сделать?

Это мой HTML:

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

Это 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%;
}

Когда я использую это, ничего не произойдет.

Семейство шрифтов Edwardian Script отображается по этой ссылке:

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

Answer 1

Вы могли бы создать @font-face правило в CSS:

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

а затем использовать его с:

font-family: "Edwardian Script";

Смотрите предоставленную ссылку для получения дополнительной информации о параметрах, которые могут быть установлены.

Answer 2

Полное название шрифта - "Edwardian Script ITC". Это работает для меня всякий раз, когда я использую это.

Надеюсь это поможет!

Answer 3

Вы можете сделать так:

      body {
    font-family: "Edwardian Script ITC";
}