2

Font-Face が Firefox または IE8 で機能しません :(

ファイルは正しいスポーツにあります。ここに私のcssコードがあります:

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

ファイルが壊れている可能性がありますか? または私のCSSに何か問題がありますか？

そのコードの下に次のコードもあります。

@font-face {
                font-family: 'Zapfino';
                src: url('Zapfino.eot');
                src: url('Zapfino.eot?#iefix') format('embedded-opentype'),
                         url('Zapfino.woff') format('woff'),
                         url('Zapfino.ttf') format('truetype'),
                         url('Zapfino.svg#Zapfino') format('svg');


                font-weight: normal;
                font-style: normal;
        }

私の問題はこちらでご覧いただけます....http://hearingaidneeds.com/

ありがとう、J

4

5 に答える 5

3

.eot ファイルが IE 用に破損しているように見えますが、FF が機能しない論理的な理由がわかりません。代わりに、このフォント フェイス クリエーターを使用してみてください。

于 2013-01-07T00:37:08.713 に答える
2

Firefox が動作しない理由は、WOFF ファイルが有効な WOFF ファイルではないためです。これらのことを教えてくれる Web コンソールを見る価値があります。私はあなたのサイトで次のように述べています：

[00:07:47.442] downloadable font: table 'cmap': failed to parse table (font-family: "SnellRoundhand-Script" style:normal weight:normal stretch:normal src index:1)
source: http://hearingaidneeds.com/wp-content/themes/twentyeleven/snellroundhandscript.woff @ http://hearingaidneeds.com/wp-content/themes/twentyeleven/style.css
[00:07:47.442] downloadable font: rejected by sanitizer (font-family: "SnellRoundhand-Script" style:normal weight:normal stretch:normal src index:1)
source: http://hearingaidneeds.com/wp-content/themes/twentyeleven/snellroundhandscript.woff @ http://hearingaidneeds.com/wp-content/themes/twentyeleven/style.css
[00:07:47.613] downloadable font: table 'cmap': failed to parse table (font-family: "SnellRoundhand-Script" style:normal weight:normal stretch:normal src index:2)
source: http://hearingaidneeds.com/wp-content/themes/twentyeleven/snellroundhandscript.ttf @ http://hearingaidneeds.com/wp-content/themes/twentyeleven/style.css
[00:07:47.613] downloadable font: rejected by sanitizer (font-family: "SnellRoundhand-Script" style:normal weight:normal stretch:normal src index:2)
source: http://hearingaidneeds.com/wp-content/themes/twentyeleven/snellroundhandscript.ttf @ http://hearingaidneeds.com/wp-content/themes/twentyeleven/style.css
[00:07:47.613] downloadable font: no supported format found (font-family: "SnellRoundhand-Script" style:normal weight:normal stretch:normal src index:4)
source: (end of source list) @ http://hearingaidneeds.com/wp-content/themes/twentyeleven/style.css
于 2013-01-07T05:09:55.787 に答える
0

font-squirrelにアップロードしようとすると、このエラーが発生します。djthomsが言ったように、ファイルは破損しています。

www.fontsquirrel.comのページには次のように書かれています。

フォント'snell_roundhand_script.ttf'が破損しているため、変換できません。

于 2013-01-07T01:18:40.813 に答える
0

フォント ファイルが破損している可能性があり、おそらく破損しています。これは、違法なフォントのコピーを使用する場合に珍しくありません。Snell Roundhand や Zapfino などのフォントの使用については、著作権者であるLinotype 、またはその再販業者にお問い合わせください。

于 2013-01-07T08:32:13.237 に答える
0

Font2Webを使用してみてください。これにより、フォントが変換され、css ファイルとデモ HTML ファイルが作成され、Web サイトで Web フォントを使用する方法が示されます - CSS @font-face を使用

于 2013-01-07T05:17:20.073 に答える