Browser, der das CSS liest, es aber nicht rendert?

Question

Also ich bin auf a tutorial auf RoR (-V 4.2.5), und um die 1-Stunden-Marke beginnt er, die Stile hinzuzufügen. Wenn ich es reproduzieren wollte, würde es nicht rendern.

Wenn ich ein Element untersuchen, zum Beispiel (intro), es zeigt mir diese Zeilen aus dem application.scss: (aber es ist es nicht machen)

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

Auch gibt es weitere Attribute hinzugefügt als @import zu diesem Element in der application.css.scss, das vererbt werden soll, und es auch nicht rendert. Allerdings liest und kompiliert der Browser tatsächlich das ganze Ding (die application.scss und die @import, die es hat), aber es macht auch nichts davon.

Wo ich denke, das Problem ist: Diese 2 Zeilen auf meiner application.html? Irgendwie? Aber ich weiß nicht warum oder wie. Ich ging auf die Seite und kopiert die aktuelle Version (Die genaue Link ein wenig von dem des Tutorial unterscheidet, aber ich habe auch versucht, die alte und kein Glück)

<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"> 

Welche Anfängerfehler mache ich? ? Here's my repo

Cheers, Miguel

Answer 1

überprüfte ich, dass Repo, wo die Demo war aus und lief es lokal. Nicht sicher, warum die Demo diese Schriftart Proxima Nova, als normalize und font-awesome beide tragen nicht diese font-family Typ. Ich konnte nirgendwo anders in Ihrem Repo finden, wo Sie diese Schriftart gefunden haben könnten.

Wenn Sie die font-family aus Ihrer Datei entfernen, sehen Sie, dass die Schriftart standardmäßig normalize 's Schriftart sans-serif ist.

Soweit Somethings bemerkte ich in Ihrem application.html.erb, auf 36 Linie </wrapper> mit </div> ersetzen, wie es aussieht Sie ursprünglich die Klasse wrapper gesetzt. Wie in den Kommentaren erwähnt, verschieben Sie Ihre CDN-Links über die stylesheet_link_tag, da alle passenden Eigenschaften aus Ihrer eigenen CSS-Datei überschrieben werden.

Wenn Sie noch suchen, um die Proxima Nova Schriftart verwenden können Sie diesen Kern Besuche: https://gist.github.com/haggen/2624063

Wählen Sie eines der @font-family ‚s und fügen Sie über Ihre body Eigenschaft in application.css.scss und Sie wird eine Möglichkeit haben, diese Schriftart zu verwenden.