在ubuntu下css @ font-face不起作用

我开发了Windows下的网页。它有这样的文件夹：在ubuntu下css @ font-face不起作用

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服务器。一切工作正常（页面加载，样式都OK），但字体fontaaa.otf是没有显示。问题是什么？花了很多时间来弄清楚。

P.S.我以前从未使用过@font-face。

P.S.S.该字体是从Internet下载的（不在Windows字体文件夹中）。

来源

2012-07-25 Haradzieniec

告诉我你的网站链接比应用字体 – 2012-07-25 07:56:43

字体脸声明如下：

@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

来源

2012-07-25 07:53:38

尝试：

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

p, html, body { 
font-family:fontaaa; 
src: url('../fonts/fontaaa.otf'); 
} 

@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'); 
}

为我工作（你可以把另一个标签，而不是p）

来源

2012-07-25 08:00:10

试过所有的答案，没有运气，但问题被发现。这是字体文件夹的权限。谢谢大家。

来源

2012-07-25 09:17:08 Haradzieniec

在ubuntu下css @ font-face不起作用

回答

相关问题