3

public_html/evansopen フォルダーにあるサブドメイン内で @font-face を機能させようとしています。サイトhttp://coryfitzpatrick.com/evansopen/を運営しています。fontsquirrel ファイルを evansopen/fonts に配置したいのですが、styles.css および index.php (public_html/evansopen フォルダー) と同じ場所にないと読み込まれません。現在、この方法で問題なく動作していますが、ファイル構造をきれいに保つのが好きです。

このように問題なく /evansopen/images/putting_green_footer.gif フォルダーから画像を読み込むことができます

#footer {
    background-image: url(images/putting_green_footer.gif); background-repeat: repeat;
}

@font-face を取得して evansopen/fonts/ に誘導できないのはなぜですか?

@font-face {
    font-family: 'nexa_lightregular';
        src: url('fonts/nexa_light-webfont.eot');
        src: url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'), 
             url('fonts/nexa_light-webfont.woff') format('woff'),
             url('fonts/nexa_light-webfont.ttf') format('truetype'),
             url('fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

私はこれをかなり研究しました。これが冗長な投稿である場合は申し訳ありません。

4

1 に答える 1

5

使用例 fontface

CSS ファイル (domain.com/path/custom-font.css)

font-family: 'nexa_lightregular';
      src: url('fonts/nexa_light-webfont.eot');
      src: url('fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'), 
           url('fonts/nexa_light-webfont.woff') format('woff'),
           url('fonts/nexa_light-webfont.ttf') format('truetype'),
           url('fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
font-weight: normal;
font-style: normal;

フォントファイルをアップロードする必要があります

domain.com/path/ fonts /nexa_light-webfont.ttf

例えば

PS :cssファイルの場所に関する問題なので/fonts/、同じ CSS ファイル パスにフォルダーを作成します。

例: domain.com/mycss.css -> domain.com/fonts/myfont.ttf

于 2013-04-04T19:59:26.547 に答える