爱德华时代的脚本到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%;
}

当我使用它时，什么都不会发生。

爱德华字体系列显示在此链接中：

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

Answer 1

您可以在

CSS 中创建一条@font-face规则：

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

然后将其与：

font-family: "Edwardian Script";

有关可以设置的参数的更多信息，请参阅提供的链接。

Answer 2

完整的字体名称是"爱德华时代的脚本ITC"。每当我使用它时，它都对我有用。

希望这有帮助！

Answer 3

你可以这样做：

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