CSS font-face不起作用

我想将一个自定义字体添加到我的网站。我尝试了很多东西，但没有成功。这里是我的css代码：CSS font-face不起作用

@font-face 
{ 
    font-family: myFirstFont; 
    src: url('ellis.ttf'); 
} 

body 
{ 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    cursor: default; 
    font-size: 11px; 
    line-height: 1; 
    font-family: myFirstFont,arial,san-serif; 
    overflow:auto; 
    background:#ecf6f7; 
}

我知道这不是一个跨浏览器的情况下，但我想首先使一个简单的情况下工作。

来源

2012-05-29 Rafael Sedrakyan

确定路径到您的字体是正确的吗？ –

对身体字体家庭尝试只是调用：'font-family：“myFirstFont”;' – RSM

是的我很舒服，我已经尝试过 –

在两个字体族声明中添加了语音标记。

所以能同时为@font-face和body：

font-family: "myFirstFont";

或可替代试试这个，以确保所有的代码是正确的，并确保其不代码：

http://www.fontsquirrel.com/fontface/generator

它还听起来很愚蠢，但要确保字体和路径的所有拼写都是正确的。

来源

2012-05-29 08:40:46 RSM

这不应该是必要的：http://www.css3.info/preview/web-fonts-with-font-face/虽然它看起来更合乎逻辑！ –

添加标记什么也没做。我已经尝试过fontsquirrel服务。这是行不通的。 –

那么如果字体松鼠does not工作，那么它不可能是代码，而是其他的东西，可能直接路径或字体问题 – RSM

你确定字体文件在正确的位置被引用吗？文件ellis.ttf将从样式表的任何位置引用。

如果你有你的HTML页面在http://website.com/page.html，但你的CSS在http://website.com/css/page.css那么它会寻找ellis.ttf在http://website.com/css/ellis.ttf。

来源

2012-05-29 08:44:09 Death

我的css文件和ttf文件在同一个文件夹中。 –

我可以另外提供的唯一解释是要么使用过时的浏览器（我怀疑），要么.ttf文件已损坏或未正确上传。 – Death

字体被玷污了。我之前尝试了其他一些字体，但我猜它们也已损坏。感谢您的帮助 –

应用字体这样的..

@font-face 
{ 
    font-family: 'ellis'; 
    src: url('ellis.ttf'); 
} 
.body 
{ 
    font-family: "ellis"; 
}

来源

2012-05-29 11:16:00

你能解释一下代码吗？ – Manishearth

字体家族和字体名称应该是相同的...在你的情况下，你正在使用字体家族myFirstFont和字体名称ellis.ttf –

在帖子中这样做。不接受代码的答案是不鼓励的，你很可能会被低估。 – Manishearth

CSS font-face不起作用

回答

相关问题