0

Squarespace でサイトを構築しており、@font-face コマンドを使用していくつかのフォントを実装しようとしています。Chrome と Safari では正常に動作しますが、Firefox では動作しません。

これが私のコードです...

@font-face {
  font-family: "Stagger Medium";
  src: url("/storage/fonts/stagger/medium/staggermedium.eot");
src: local("?"),
  url("/storage/fonts/stagger/medium/staggermedium.woff") format("woff"),
  url("/storage/fonts/stagger/medium/Stagger%20Medium.otf") format("opentype"),
}

何か案は？

編集: アクセス制御ヘッダーを使用したクロスサイト フォントの使用について言及しているものを見てきました。その可能性はありますか？ただし、それを実装する方法は完全にはわかりません。

編集: フォントを Web サイトと同じディレクトリに配置すれば、Firefox では問題にならないということも読みました。ただし、私は Squarespace を使用しているため、サイトの場所とは別の STORAGE ディレクトリにのみフォントを保存できます。

4

1 に答える 1

1

申し訳ありませんが、実際には逆でした。完全な URL を削除してください:

<link rel="stylesheet" 
    href="/storage/css/fonts.css" type="text/css" charset="utf-8">

念のため両方入れておきます。

于 2012-11-27T18:28:31.630 に答える