Reset css macht @import von Google Schriftart Gesicht funktioniert nicht

Question

Ich habe Meyers Reset Css One-Line-Regeln nur über meinem anderen CSS, aber die Hind Schriftart wird nicht angewendet, und stattdessen verwendet Times New Roman es erscheint.

Wenn Sie die Reset-Css-Zeile auskommentieren, wird die Hinterschrift angewendet.

Warum ist das Zurücksetzen von Css, das meine Schriftfamilie von Hind macht, nicht gültig? Auch wenn ich font-family:'Hind' innerhalb sowohl html { } und body { } setzen, gilt es immer noch nur, wenn Reset Css nicht vorhanden ist.

Mein Css:

// Reset Css bunch of rules here 
@import url(https://fonts.googleapis.com/css?family=Hind:400,600,700); 
html { background: #F5F5F5; font-family: "Hind"; } 

Live-Demo: http://jsbin.com/yudeziqiki/1/edit?html,css,output

Answer 1

Sie haben die @import vor dem Reset zu platzieren.

@import url(https://fonts.googleapis.com/css?family=Hind:400,600,700); 
/* Meyers Reset Css Here */ 

Answer 2

Die @import CSS at-Regel verwendet wird, Stilregeln aus anderen Stylesheets zu importieren. Diese Regeln müssen alle anderen Arten von Regeln vorausgehen, [...]
MDN

Setzen Sie einfach die @import Regel vor dem Reset CSS, und Ihr Problem gelöst ist.