6

@fontsquirrel ジェネレーターの css ファイルにこのコードがあります。

/// コードを現在のように変更しました ///

@font-face {
font-family: 'AdLibRegular';
src:    url('../fonts/adlib-webfont.eot');
src:    local('☺'), url('../fonts/adlib-webfont.woff') format('woff'), 
        url('../fonts/adlib-webfont.ttf') format('truetype'), 
        url('../fonts/adlib-webfont.svg#webfontmAc00Ivp') format('svg');
font-weight: normal;
font-style: normal;
}

.AdLib {
        font-weight: normal;
        font-style: normal;
        line-height:normal;
        font-family: 'AdLibRegular', sans-serif;
}

これは css というフォルダーに保存され、フォントは fonts というフォルダーに保存されます。

たとえば、htmlページで呼び出している場合、これを機能させることができません

<h1 class="AdLib">Testing Testing 1 2 3</h1>

私は自分が間違っていることをまったく理解できません。

何か案は？

それらをすべて url ('../fonts/adlib など) に変更しましたが、まだ機能しません。ローカルでプレビューしていますが、これですか?

4

2 に答える 2

8

cssファイルによると、フォントフォルダーはどこにありますか？

フォント フォルダーが css フォルダーにある場合は、次のパスを使用する必要があります。

src:    url('fonts/adlib-webfont.eot');

css マップの隣にある場合は、次のパスを使用する必要があります。

src:    url('../fonts/adlib-webfont.eot');

../フォルダに戻るために使用されます

于 2010-09-22T10:56:52.837 に答える
0

URL が「/」で始まる font-face で問題が発生しました。src URL を相対 URL に編集してみてください。

例えば

@font-face {
font-family: 'AdLibRegular';
src:    url('../fonts/adlib-webfont.eot');
}

（明らかに正しいフォルダの場所を指しています）

于 2010-09-22T10:53:01.380 に答える