Question

我在Mac上，我已经下载了ttf格式的字体，希望在我的本地网站上使用。我已将其添加为字体，并将其添加到类中：

@font-face {
  font-family: 'The Amazing Spider-Man';
  src: url('/fonts/The Amazing Spider-Man.ttf');
}
.pageTitle{

  font-family: 'The Amazing Spider-Man';
  font-size: 30px;
}

我的文件夹结构是：

css
  style.css
  -fonts
    The Amazing Spider-Man.ttf

我不确定我在这里缺少什么。我已经安装了字体，并复制了文件名并将其粘贴到任何地方，所以我不知道为什么这样应用时它不起作用：

<p class="pageTitle">test</p>

Answer 1

如果要在网站上使用任何字体，可以将其转换为网络字体。

@font-face {
    font-family: 'THE AMAZING SPIDER-MAN';
    src: url('THEAMAZINGSPIDER-MAN.woff2') format('woff2'),
        url('THEAMAZINGSPIDER-MAN.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

I have Transformated Your Font For you.

这是一个有效的演示：DEMO

ttf字体文件在本地网站上不起作用

1 个答案: