css - why does @font-face work on safari and not on firefox? (Mac versions)

Question

I've used the following in the CSS file of the website. It works on safari but not on Firefox. I'm a newbie so apologies for this if it seems like a simple question. Been trying now for 3 hours.

@font-face { font-family: handwriting; src: url(http://example.com/handwriting.ttf); }

Thank you in advance.

Answer 1

Firefox は、 HTTP アクセス制御ヘッダーで送信されない限り、別のドメインから提供されたフォントの読み込みを防ぎます。

同じドメインからフォントを提供している場合は、相対パスを使用してください。handwriting.ttf が css ファイルと同じディレクトリにある場合は、これを使用します。

@font-face { font-family: handwriting; src: url(handwriting.ttf); }