Google-Schriftarten funktionieren nicht, wenn die W3.css-Datei importiert wird

Google-Schriftarten funktionierten einwandfrei, bis ich die W3.css-Datei importierte. Ich habe sogar versucht, den Google Fonts Link an den Anfang des Dokuments zu verschieben. Es beginnt zu arbeiten, sobald ich den Link zur W3.css Datei entferne. Google Fonts arbeiten:Google-Schriftarten funktionieren nicht, wenn die W3.css-Datei importiert wird

<head> 
<link href="https://fonts.googleapis.com/css?family=Concert+One"rel="stylesheet"> 
</head>

Google-Schriften nicht funktioniert:

<head> 
<link href="https://fonts.googleapis.com/css?family=Concert+One"rel="stylesheet"> 
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
</head>

Quelle

2017-04-15 Vinay Pillutla

erinnern einige Debug zu tun: Recht auf ein Element klicken Sie wissen sollten, Ihre Google Schriftart verwenden möchten, wählen Sie „Inspect Element“, und dann in der CSS-Abschnitt sehen, welche Regeln werden übereinander angewendet, aus welcher Datei. Sie können die Antwort hier alle selbst finden mit ein wenig richtiger Untersuchung. –

Sie müssen nur die Google-Schrift erklären, die Sie in dem Element Sie verwenden.

body { 
 
    font-size: 30px !important 
 
} 
 

 
.gf { 
 
    font-family: "Concert one" 
 
}

<link href="https://fonts.googleapis.com/css?family=Concert+One" rel="stylesheet"> 
 
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> 
 

 
<div class="gf">test</div> 
 
<div class="w3">test 2</div>

Quelle

2017-04-15 18:34:26 dippas

Google-Schriftarten funktionieren nicht, wenn die W3.css-Datei importiert wird

Antwort

Verwandte Themen