サイトでいくつかのフォントを入力します：
@font-face {
font-family: 'willamette_sfregular';
src: url('wills.eot');
src: url('wills.eot?#iefix') format('embedded-opentype'),
url('wills.woff') format('woff'),
url('wills.ttf') format('truetype'),
url('wills.svg#willamette_sfregular') format('svg');
font-weight: normal;
font-style: normal;
}
ブラウザー IE9、10、Chrome、Safari、Opera では完全に動作し、Firefox もサポートしていますが、少し問題があります。マウスの左クリックだけで新しいリンクを開こうとすると、フォントはうまく使用されますが、mouse3 ボタンを使用して新しいリンクを開こうとすると、フォントが消えてデフォルトのフォントに変更されます。これは Firefox ブラウザーでのみ発生します (クリーン、追加なし) 例へのリンク - http://www.mediafire.com/download/k7sc10h47qdadmm/fonts.rar
マウス3ボタンでsub.htmlを開くとフォントがデフォルトに変わりますが、マウス3フォントでindex.htmlをクリックすると返されます。私はそのように理解しています-フォントがhtmlファイルと同じディレクトリにある場合にのみFirefoxで動作しますが、cssファイルへのリンクを持つsub.htmlを使用すると<link rel="stylesheet" href="../stylesheet.css" type="text/css" charset="utf-8" />、mouse3でクリックするとフォントがデフォルトに変更されます。直し方が想像つかない
私はjsFiddleでいくつかのコードを作成しようとしますが、次に行うべき問題を確認するには、任意のフォルダーを作成し、index.htmlファイルと、次のようなコードを持つstylesheet.cssファイルの近くに配置します- http://jsfiddle.net/ YtHAd/ . 次に、 index.html と styleshee.css を配置する新しいフォルダーを作成し、フォルダーに「1」という名前を付けて、次のようなコードを持つフォルダー sub.html に配置します - http://jsfiddle.net/YtHAd/1/。ここで入手できるフォント - http://www.mediafire.com/download/1ok85zsrs41kgim/WILLS.TTF。ここでフォントを取得して変換します - http://www.fontsquirrel.com/tools/webfont-generator、拡張子 .eot .svg .ttf .woff を持つ生成されたファイルを index.html があるメインディレクトリに取得し、これを確認すると、Firefox で問題が表示されます
すべてのファイルは次のようになります。
フォルダ/index.html
フォルダー/stylesheet.css
フォルダ/wills.eot
フォルダー/wills.svg
フォルダー/wills.ttf
フォルダ/wills.woff
フォルダ/1/sub.html