在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不起作用

回答

相關問題