ブラウザはCSSを読み込みますが、レンダリングしませんか？

Question

RoR（-v 4.2.5）でa tutorialをフォローしていて、1時間ぐらいの周りにスタイルの追加を開始します。それを再現しようとすると、レンダリングされませんでした。

私は要素を検査する場合、例えば、（イントロ）のために、それはapplication.scssから私にこれらの行を示しています（しかし、それはそれをレンダリングされません）

body { 
    font-family: "Proxima Nova"; 
    font-weight: 100; 
} 

また、追加より多くの属性があります継承する必要があるapplication.css.scss内のこの要素に@importと入力し、それらもレンダリングしません。 しかし、ブラウザは実際には、すべてのもの（application.scssとそれが持っている@import）を正常に読み込んでコンパイルしますが、そのいずれもレンダリングしません。

私は問題が次のように考えています。 これらの2行は、私のapplication.htmlにありますか？どういうわけか？しかし、私はなぜ、どのようにか分からない。私は、ページに行って、現在のバージョンは、コピーされた（正確なリンクは、チュートリアルの1から少し異なりますが、私も古いものと運試した）

<link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" rel="stylesheet"> 
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> 

私が作っていますどのような新人のミスを？ ？ Here's my repo

乾杯、ミゲル

Answer 1

私はデモからだったし、それをローカルに実行されたことをレポをチェックアウト。デモがそのフォントをProxima Novaと置き換えた理由がわからない場合は、normalizeとfont-awesomeの両方にはfont-familyタイプが含まれていません。私はあなたのレポの他の場所を見つけられませんでした。

ファイルからfont-familyを削除すると、フォントのデフォルトはnormalizeのフォントsans-serifになります。

は限り代として私はそれはあなたがもともとクラスwrapperを設定するように見えるように、ライン36上</div>で</wrapper>を置き換える、あなたのapplication.html.erbに気づきました。コメントに記載されている通り、stylesheet_link_tagの上のCDNリンクを移動すると、CSSファイルの一致するプロパティが上書きされます。

それでもProxima Novaフォントを使用するために探している場合は、この趣旨をチェックアウトすることができます：https://gist.github.com/haggen/2624063

@font-family年代のいずれかを選択し、application.css.scssであなたのbody財産の上に貼り付けて、あなたをそのフォントを使用する方法があります。