@ 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

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