Question

我正在尝试向我的网站添加自定义字体。我尝试过很多东西，但没有成功。这是我的css代码：

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

我知道这不是一个跨浏览器的情况，但我想首先让工作成为一个简单的案例。

Answer 1

添加格式("opentype");网址后

Answer 2

在font-family声明中添加语音标记。

添加@font-face和body：

font-family: "myFirstFont";

或者尝试这样做以确保所有代码都正确并确保它不是代码：

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

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

Answer 3

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

如果您的HTML页面位于http://website.com/page.html，而您的CSS位于http://website.com/css/page.css，那么它会在http://website.com/css/ellis.ttf找到ellis.ttf。

Answer 4

应用这样的字体..

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

CSS font-face不起作用

4 个答案: