@ font-face无法加载字体？

Question

我很难让Burbank字体加载到我的网站上。我已经从Internet上以名为burbank-big-condensed-black.otf的开放式字体文件下载了该文件，该文件位于名为burbankblack.zip的zip文件中，而所有这些文件均位于名为fonts的文件中。我试图使用以下代码将其放入我的网站：

@font-face {
  font-family: 'Burbank';
  src: url('fonts/burbankblack.zip/burbank-big-condensed-black.otf');
}

.menu a {
  font-family: 'Burbank', sans-serif;
}

这将导致字体仅更改为sans-serif。我需要做些什么来帮助我在网站上获取字体，还是需要更改？

Answer 1

这不是src的有效路径，burbankblack.zip，从.zip中提取字体或删除.zip。

@font-face {
  font-family: 'Burbank';
  src: url('fonts/burbankblack/burbank-big-condensed-black.otf');
}

Answer 2

解压缩并将其作为文件夹上传到网站目录，您需要一个正确的位置，最好单击字体文件夹>属性>文件位置，然后复制正确的路径。