html - Ubuntu中的css @ font-face不起作用

我在windows下开发了网页。它有这样的文件夹：

wwwroot
wwwroot/css
wwwroot/fonts

和文件

wwwroot/css/main.css
wwwroot/fonts/fontaaa.otf

main.css文件有这样一个代码：

@font-face
{
    font-family : 'fontaaa';
    src         : url("../fonts/fontaaa.otf");
}

在我的本地主机上，它可以看到windows下的字体。
一切都很完美，所以我把我的项目上传到了linux服务器上。
一切正常（页面加载，样式正常），但字体fontaaa.otf不显示。怎么了？花了很多时间想清楚。
P.S.我以前从未使用过@font-face。
P.S.S.字体是从Internet下载的（不在Windows字体文件夹中）。

最佳答案

字体声明如下：

@font-face {
  font-family: 'Font name';
  font-style: normal;
  font-weight: 400;
  src: local('Font name'), local('Font name-Regular'), url(fontname.woff) format('woff');
}

要应用这些字体，您必须这样做：

<style>
h1 {
font-family: 'Font Name', Arial/* Just in case if your web fonts didn't load */;
}
</style>

<h1>this will be font-face fonts</h1>

更多web fonts

关于html - Ubuntu中的css @ font-face不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11645046/