3

基本的に私はこれの上に髪を引き裂いてきました。Webで見つけられるすべてのことを試しましたが、自分のサイトでカスタムフォントを機能させることができません。私はウェブデザイナーではないので、誰かが私を助けてくれたら本当にありがたいです。次のコードは、cssファイルにあるものです。

@font-face {
font-family: "digitica";
src: url("digitica.eot");
url("digitica.woff") format("woff");
url("digitica.otf") format("opentype");
url("digitica.ttf") format("truetype");
url("digitica.svg#webfont") format("svg");
font-weight: normal;
font-style: normal;
}

サーバーにすべてのフォントタイプをアップロードし、次のようにフォントを参照しています。

.xyz {
font-family: "digitica"; <<<< Does the space matter between : & "digitica"?
}

次に配置：

<div class="xyz">

このカスタムフォントで欲しいテキストの周り

<!-- end .xyz --></div>

助けてください！

4

2 に答える 2

2 
src: url("digitica.eot"),
url("digitica.woff") format("woff"),
url("digitica.otf") format("opentype"),
url("digitica.ttf") format("truetype"),
url("digitica.svg#webfont") format("svg");

フォントを区切るには、セミコロンではなくコンマを使用してください。

于 2012-11-05T00:36:59.117 に答える
1

あなたの@font-face構文は間違っています。試す：

@font-face {
    font-family: 'digitica';
    src: url('digitica.eot');
    src: url('digitica.eot?#iefix') format('embedded-opentype'),
         url('digitica.woff') format('woff'),
         url('digitica.ttf')  format('truetype'),
         url('digitica.svg#digitica') format('svg');
    }

.xyz {
    font-family: "digitica";
    }
于 2012-11-05T00:37:38.693 に答える