0

私はローカルでサイトを開発しており、シンボルに Web フォントを使用しています。ブラウザでファイルを表示すると (つまり、file:///path/to/file.html)、Web フォントは Chrome では機能しますが、Firefox では機能しません。ただし、サイトをサーバーにアップロードして Firefox でファイルを表示すると、問題なく動作します。その理由と、ファイルをローカルで正しく表示するためにできることはありますか?

コード スニペットを次に示します (すべてのパスが有効です)。

@font-face {
font-family: 'WebSymbolsRegular';

src: url('fonts/websymbols.eot?#iefix') format('embedded-opentype'),
     url('fonts/websymbols.woff') format('woff'),
     url('fonts/websymbols.ttf') format('truetype'),
     url('fonts/websymbols.svg#WebSymbolsRegular') format('svg'),
     url('fonts/websymbols.eot');

}

4

1 に答える 1

2

プロトコル (http ではなくファイル) が原因である可能性が最も高いです。ほとんどの場合、ブラウザでディスクからページを開くだけでなく、ローカル サーバーでテストしたいと思うでしょう。Linux 用の Apache、Nginx、または Lighttpd をインストールします。または Windows 用の IIS、IIS Express、または Apache。次に、サイトのフォルダーを指すローカル サイト (つまり、localhost:1234) をセットアップし、それを介してページを実行します。

于 2012-12-30T07:10:29.353 に答える