-1

私は自分のサイトでこのコードを試しました。

<style type="text/css">


@font-face {
    font-family: Eurostyle;
    src: url(http://www.theamazingmonth.pusku.com/eurostyle.ttf);
    font-weight:700;
}

euro {
    font-family: Eurostyle, Helvetica, Arial, sans-serif;
    font-size: 24px;
}

@font-face {
    font-family: Ebrima;
    src: url(http://www.theamazingmonth.pusku.com/ebrima.ttf);
    font-weight:700;
}

ebrima {
    font-family: Ebrima;
    font-size: 15px;
}

しかし、うまくいかないようです！Dreamweaver を使用してコードをライブでテストしています。Dreamwever では機能しますが、Chrome では機能しません。何が問題なのですか？theamazingmonth.pusku.com でサイトを確認できます。

前もって感謝します！

4

4 に答える 4

1

独自の要素を作成しようとしているようです。<euro>またはなどというものはありません<ebrima>。やりたいことはクラスを作成することです。したがって、ドットを追加すると、ルールは次のようになります。

.ebrima {
    font-family: Ebrima;
    font-size: 15px;
}

Ebrima 書体が必要な要素ではclass="ebrima"、架空の要素でラップする代わりに追加します<ebrima>。

于 2013-04-27T08:49:15.117 に答える
0

とにかく、これは IE<10 では機能しません (おそらく)。http://www.fontsquirrel.com/tools/webfont-generatorのような font-face ジェネレーターを使用する必要があります。

私のフォントフェイスの構文:

@font-face {
    font-family: 'Eurostyle';
    font-style: normal;
    font-weight: 400;
    src: url('[PATH_TO]/Eurostyle.eot');
    src: url('[PATH_TO]/Eurostyle.eot?#iefix') format('embedded-opentype'),
         url('[PATH_TO]/Eurostyle.woff') format('woff'),
     url('[PATH_TO]/Eurostyle.ttf')  format('truetype'),
     url('[PATH_TO]/Eurostyle.svg#[FONT_ID]') format('svg');
}

これを確認してください：http://caniuse.com/fontface

于 2013-04-27T09:10:59.353 に答える
0

フォントを指定したい要素にクラスを追加する必要があります。

@font-face {
    font-family: Eurostyle;
    src: url(http://www.theamazingmonth.pusku.com/eurostyle.ttf);
    font-weight:700;
}

.euro {
    font-family: Eurostyle;
    font-size: 24px;
}

@font-face {
    font-family: Ebrima;
    src: url(http://www.theamazingmonth.pusku.com/ebrima.ttf);
    font-weight:700;
}
.ebrima {
    font-family: Ebrima;
    font-size: 24px;
}

<div class="euro">EURO FONT 1234</div>
<div class="ebrima">EBRIMA FONT 1234</div>
于 2013-04-27T09:13:22.260 に答える