@ font-face Isn＆＃tt t工作，需要帮​​助

Question

我根据w3schools.com做了一切正确的事，但我的@ font-face字体不起作用！我究竟做错了什么？这是我的CSS代码：

@font-face{
    font-family: title;
    src: url('peach-sundress.ttf') format('ttf');
}

以下是HTML代码：

<div class="box">
    <h1 align="center" style="font-family: title;">Keegan Brown Photography</h1>
</div>

Answer 1

除非您为字体使用大量不同的源文件以获得不同的浏览器支持，否则无需单独指定格式。你需要在你的字体系列上引用一些引号，试试这个;

@font-face {
  font-family: 'title';
  src: url('peach-sundress.ttf');
}

然后像这样使用它

font-family:'title', sans-serif;

无衬线字体是为了以防万一，提供后备。如果你不想要它，你可以删除它。