0

私はサイトを開発中ですが、少し変わった問題があります。

私はfonts.comと協力して、自分のサイトに@font-faceタイプを作成しています。

私はFirefox内で自分の作業をテスト/プレビューしてきましたが、すべてが正常に読み込まれます。

モバイルデバイス/iPad/ safari / chromeを使用している場合でも、書体が読み込まれません。

サイトのプレビューは次の場所にあります。

http://www.moneyworrier.com/about/team/kearsten-james.php

CSS全体を貼り付けることができましたが、場所に問題はないと思います。例えば

.base-menu { line-height: 18px; font-family:'Arial W01 Light'; font-size:12px;}

誰かが同じ問題を抱えていましたか？私は何か間違ったことをした？どんな考えでも大歓迎です。

4

2 に答える 2

1

この構文を使用していますか:

@font-face {

font-family: 'MyFontFamily';
src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('myfont-webfont.woff') format('woff'), 
     url('myfont-webfont.ttf')  format('truetype'),
     url('myfont-webfont.svg#svgFontName') format('svg');
}

詳細はこちら: http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

于 2013-02-27T09:26:16.377 に答える
0

興味深いことに、管理システム内でドメインを指定していなくても、firefox では実際に fonts.com の Web フォントを使用できます。「ドメインの追加と編集」に行ったところ、CSS を表示するドメインを実際に指定していないことに気付きました。ドメインを追加すると問題が解決しました。

于 2013-02-27T21:54:26.667 に答える