1

ばかげているかもしれませんが、@font-face を倍数で使用することはできません。3 つの .ttf ファイルが「fonts」フォルダに保存されています。

@font-face
{
font-family:'sansation';
src: url('fonts/Sansation_light.ttf') format('truetype');
}
p
{
text-align:left;
font-family:'sansation';
font-size:16px;
}

上記は正常に機能しますが、他のものと同じことを行うと:

@font-face
{
font-family:'ttf_outwrite';
src: url('fonts/outwrite.ttf') format('truetype');
}
a
{
font-size:20px; 
font-family:'ttf_outwrite';
}

・・・全然繋がらない。これは複数の .ttf ファイルで可能ですか? 問題を再現したい場合は、フォントをhttp://www.fontspace.com/ttfから数秒でダウンロードできます。

どんな助けでも感謝します。

ありがとう、

4

1 に答える 1

0

.ttf ファイルが一部のフォントでは機能し、他のフォントでは機能しないという同じ問題が発生しています。私の解決策は、フォントを woff ファイルタイプに変換したという点で回避策です。

@font-face {
    font-family: "trade";
    src: url(/static/common/fonts/trade-gothic-bold.ttf) format("truetype"), url(/static/common/fonts/trade-gothic-bold.eot) format("embedded-opentype"), url(/static/common/fonts/trade-gothic-bold.woff) format("woff");
}

私はこれが根本的な問題を解決しないことを知っており、誰かがより良い答えを持っていることを望んでいました. .woff を変換したため、.ttf ファイルは破損していません。私の考えでは、これらの動作していない .ttf ファイルには、ブラウザーで解釈できないが、破損していない何かが含まれている必要があります。

于 2014-04-17T19:53:54.677 に答える