1
ローカルにインストールされたWebフォントが@ font-face宣言で読み込まれず、外部のWebフォント（Google）が完全に機能しているという問題が引き続き発生しています。ローカルの@ font-face宣言がブラウザでレンダリングされない
私のフォントフェイス宣言で使用されている構文は、GoogleのWebFont宣言の構文と同じですが、うまくいかないことはほとんどありません。
次の手順はもちろん、ローカルフォントファイルのパスが正しいことを確認することです。 @ font-face宣言で使用されているURLをコピーして貼り付けると、フォントファイルが自分のコンピュータにダウンロードされます。パスは有効でなければなりません。
フォントファイルのアクセス許可もチェックしました。これらはすべて0755に設定されています。これは、どのブラウザーでも読むことができるはずです。
背景情報これはバックエンド用のUbuntu 14.04およびnginxを実行するWebサーバーです。
CSS
@font-face {
font-family: 'BebasNeueRegular';
font-style: normal;
font-weight: normal;
src: url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.eot?#iefix) format('embedded-opentype'), url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.woff) format('woff'), url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.ttf) format('truetype'), url(http://gprejects.com/forum/styles/BBOOTS/theme/font/bebasneue/BebasNeue-webfont.svg#BebasNeueRegular) format('svg');
}
h1, h2, h3, h4, h6, h1 a, h2 a, h3 a, h4 a, h6 a {
color: #333333;
font-family: 'BebasNeueRegular','Oswald','Arial','Helvetica',sans-serif;
font-weight: 200;
line-height: normal;
margin: 0 0 10px;
-webkit-font-smoothing: antialiased;
}
意図したとおりに@ font-face宣言も働いているようオズワルドがGoogleのWebFontで、フォールバックとして正常に動作している、と同じCSSファイル内の他のものはすべてあることに注意してください。
この問題が発生したページにリンクできますか？私を襲う一つの事は、一致しないフォントの重みです。 –
http://gprejects.com/forum/ - OswaldのものはBebasNeueRegularでなければなりません。興味深いもの： – Minardista
それは間違っていることがわかりますが、何がうまくいかないのか分かりません。コンソールには何もありません。 h1ブロックの計算されたスタイルはOKです。 '@ font-face'宣言を自分のファイルに入れても、別のドメインから呼び出されたとしても正しく動作します。知りません;この問題は私よりも優れた人間を抱えています。 –