カスタムフォントが外部CSSによってロードされていません

Question

私は、すべてうまく動作するCSSとカスタムフォントでウェブサイトAを持っています。今私は私のウェブサイトBからこのCSSを参照しようとしています。フォントが適用されないことを除いて、すべてがCSSを使用してうまく動作します。 Firefoxのコンソールの[ネットワーク]タブを見ると、すべてカスタムフォントを含めて正しく読み込まれます。私も相対パスSRCとの.ttfを参照しようとした

@font-face { 
    font-family: 'Raleway Light'; 
    src: url('http://website-a.com/fonts/Raleway-Light.ttf'); 
} 

* { 
    font-family: 'Raleway Light', sans-serif; 
} 

：：URL（ '../フォント/ Raleway-Light.ttf' ここ

は、私は私のCSSでフォントを宣言した方法です）;それはどちらもうまくいかない。

洞察？

PS：別のブラウザを試して、キャッシュを既にクリーニングしました。

Answer 1

Firefoxはクロスドメインフォントの埋め込みを許可していません。さまざまな解決方法については、similar questionを参照してください。

Answer 2

.ttfはWindowsフォント用で、一部のブラウザではTrueTypeフォント（.ttf）が動作しません。

ウェブ上でフォントを使用する場合は、フォントを.ttf、.woff、.eot allの形式にして、すべてのブラウザをサポートするようにしてください。 そして、私はこれは私が以前にすることをテストし、働いていたので、Firefoxが

埋め込むクロスドメインのフォントを使用できません

を話すことに同意しません。

相対的なsrcでは、あなたの@ font-faceスタイルがhtmlファイルにあるのか、それともそれぞれのsrcがあるので外部のCSSファイルにあるのかを見てください。いくつかの時間は私たちを混乱させる。