0

まさに「@font-face」で、フォントに問題があります。このローカル HTML ページを実行しようとすると、すべてのフォントが機能していましたが、オンライン HTML ページを実行しようとすると、1 つのフォントしか機能しません。

今、私は2つのフォントを持っています.1つは機能し、もう1つは機能しません

CSS :

@font-face {
    font-family: 'RemachineScript';
    src: url(fonts/SCRIPTIN.ttf);
}

@font-face {
    font-family: 'Quicksand';
    src: url(fonts/Quicksand.otf);
}

header#subheader div.title {
    font-family: 'RemachineScript';
}

header#subheader p.subheader {
    font-family: 'Quicksand';
}

HTML はhttp://gspinaci.com/で見ることができます。

同じフォルダーにあるため、URL は正しいです。私に何ができる？

4

4 に答える 4

0

この回答を確認してください: @font-face issue 受け入れられた回答にあるものは、防弾に近いものではありません;)私の小さなコンバーターを試すこともできますhttp://freedockstar.com/fontface/

また、フォントの MIME タイプを設定する必要があるかどうかもわかりません。それがなくても私のサーバーからは問題なく動作します。すべてのフォントが text/html としてサーバー化されており、問題はありません。css で型を定義し、継ぎ目で十分です ;)

于 2013-05-07T22:29:05.243 に答える
0

コンソールには、Quicksand.otf ファイルがないと表示されます。まず、ファイルが存在し、名前がまったく同じであること (大文字と小文字を区別) と、font-face 呼び出しが非常に具体的であることの 2 つを確認してください。 font squirrel からダウンロードできる Webkit フォントを使用してください: http://www.fontsquirrel.com/fonts/Quicksand

次のように、CSS ファイルに font-face 呼び出し全体を必ず貼り付けてください。

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

.otf だけでなく、すべてのフォント形式ファイルを含めることを忘れないでください。

編集

サーバーを構成する必要はありません。.htaccess ファイルを変更して、次の行を追加するだけです。

AddType application/vnd.ms-fontobject eot
AddType font/opentype otf
AddType font/truetype ttf
AddType application/x-font-woff woff
于 2013-05-07T19:35:59.903 に答える
0

遅すぎるかもしれませんが、記録のために.ttfファイルの読み取り許可を付与することでこの問題を解決しました。

chmod +r font.ttf
于 2015-02-13T23:21:42.977 に答える