1

我在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不显示。问题是什么？花了很多时间弄清楚。

PS我从来没用过@font-face。

PSS 字体是从 Internet 下载的（不在 Windows 字体文件夹中）。

4

3 回答 3

2

尝试了所有答案，没有运气，但找到了问题。这是字体文件夹的权限。谢谢大家。

于 2012-07-25T09:17:08.703 回答
2

字体是这样声明的：

@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>

更多网页字体

于 2012-07-25T07:53:38.400 回答
1

尝试：

@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-25T08:00:10.660 回答