5

これを機能させる方法がわかりません。助けていただければ幸いです。

私はこのウェブサイトから得たものから離れます: http://alistapart.com/article/cssatten

私のstyle.cssから

@font-face {
 font-family: "JSL";
 src: url(http://ff.static.1001fonts.net/j/s/jsl-ancient.normal.ttf) format("truetype");
}

font {
 color: #000000;
 font-size: 120%;
 font-family: "JSL";
}
4

5 に答える 5

6

プラス記号が問題になっているわけでも（名前を変更したフォントでテスト済み）、メインのcssファイルの先頭に別のcssファイルをインポートする必要もありません。

ただし、TrueTypeだけでなく多くのバージョンのフォントが必要になる場合があります。Bulletproof @font-faceSyntaxをご覧ください。

これを実現するには、 FontSquirrelのジェネレーターを使用できます。

これは私のアプリケーションに埋め込まれた例で@font-face、メインのcssスタイルシートの上部に固定されています。

@font-face {
    font-family: 'JustVector';
    src: url('../fonts/justvectorv2+webfont.eot');
    src: url('../fonts/justvectorv2+webfont.eot?') format('eot'),
        url('../fonts/justvectorv2+webfont.woff') format('woff'),
        url('../fonts/justvectorv2+webfont.ttf') format('truetype'),
        url('../fonts/justvectorv2+webfont.svg#webfontkw9J4lGf') format('svg');
    font-weight: normal;
    font-style: normal;
}
于 2013-02-18T20:35:56.813 に答える
0

いいえ

@font-face

それをインポートしてみてください：

@import_your_new_cssfile.css

あなたが置くところ：

font-face {
 font-family: "JSL";
 src: url(http://www.fontyukle.net/en/DownLoad-JSL+Ancient.ttf) format("truetype");
}

font {
 color: #000000;
 font-size: 120%;
 font-family: "JSL";
}
于 2013-02-18T20:17:32.260 に答える
0

使用する必要があるフォントによっては、次のものが必要になる場合があります。

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

そしてCSSで：

BODY 
{
    font-family: 'someFont', Fallback, sans-serif;
    font-size: 12px;
    ... 
}

カスタムフォントの埋め込みに問題があったとき、これはうまくいきました。

于 2015-01-30T12:35:36.623 に答える
0

おそらくフォント URL の「+」記号が問題なのでしょうか? URL エンコードすることをお勧めします。

編集 - フォントの URL にアクセスした後、リモート ソースからではなく、ttf ファイルをダウンロードしてローカルで参照する必要があるようです。ファイルをダウンロードするために Captcha を要求されますが、これがおそらく機能していない理由です。

于 2013-02-18T20:18:38.350 に答える
0

ファイルをダウンロードしてローカルで参照する必要があります。サポートされているリンクはダウンロード リンクであり、Captcha をダウンロードする必要があります。つまり、TTF ファイルへの直接リンクではありません。

于 2013-02-18T20:33:41.800 に答える