4

我正在尝试向我的网站添加自定义字体。我尝试了很多东西，但没有成功。这是我的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;
}

我知道这不是一个跨浏览器案例，但我一开始试图让工作成为一个简单的案例。

4

4 回答 4

3

添加格式（“opentype”）；在网址之后

于 2021-01-04T19:24:33.347 回答
2

像这样应用字体..

@font-face
{
    font-family: 'ellis';
    src: url('ellis.ttf');
}
.body
{
    font-family: "ellis";
}
于 2012-05-29T11:16:00.583 回答
1

在两个字体系列声明上都添加语音标记。

所以添加到两者@font-face和body：

font-family: "myFirstFont";

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

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

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

于 2012-05-29T08:40:46.763 回答
0

您确定在正确的位置引用了字体文件吗？该文件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-29T08:44:09.630 回答