4

Web サイトにカスタム フォントを追加しようとしています。私は多くのことを試しましたが、成功しませんでした。ここに私の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

2

このようなフォントを適用します..

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

両方の font-family 宣言でスピーチ マークを追加します。

@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.cssellis.ttfにある場合、http : //website.com を探します。 /css/ellis.ttf .

于 2012-05-29T08:44:09.630 に答える