css - 爱德华时代的脚本到 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 字体系列显示在此链接中：

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”。每当我使用它时，它都对我有用。

希望这可以帮助！