2016-06-15 3 views
1

私は流星のフレームワークを使用して、そして私のmain.scssファイルに次のように持っている:これは働いていません@フォントフェースレンダリングなどのTimes New Roman

@font-face { 
    font-family: 'GrandHotel-Regular'; 
    src: url('GrandHotel-Regular.eot'); 
    src: url('GrandHotel-Regular.woff2') format('woff2'), 
     url('GrandHotel-Regular.woff') format('woff'), 
     url('GrandHotel-Regular.ttf') format('truetype'), 
     url('GrandHotel-Regular.svg#GrandHotel-Regular') format('svg'), 
     url('GrandHotel-Regular.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal; 
    font-style: normal; 
} 

h1 { 
    font-family: 'GrandHotel-Regular'; 
} 

私が選択したフォント、検査時に家族はGrandHotel-Regularと同じですが、コンソールはTimes New Romanと表示しています。

私はUbuntuでChromeを使用しています。私のラップトップは古くなっているため、更新が不可能な古いバージョンですが、このようなことが原因で問題になっているとは思われません過去には。

何が問題になる可能性がありますか? Font coming out as Times New Roman in Older Browsers

か、この1:このような

その他のご質問、 Font proxima_novalight is rendered as Times New Roman

は同じ問題に対処されていません。

答えて

1

フォントのurlにはファイルパスの一部としてフォルダがありません。つまり、CSSファイルと同じフォルダにある必要があります。彼らは本当にですか? (そうでない場合は、フォルダ/ファイルパスを追加してください)

+0

私はダムです。 ha。私はそれを捕まえなかったとは信じられません。 – blaineh

0

プロジェクトはどのように設定されていますか?開発者ツールの[ネットワーク]タブを確認して、フォントが実際に読み込まれていることを確認します。そうでない場合は、URLを再確認して、正しいファイルを指していることを確認してください。

あなたのコードは完全にうまく見えるので、プロジェクトの設定に問題がない場合は、別のブラウザを使用して問題を再現できるかどうかを確認してください。

関連する問題