CODEWITHSUNDEEP
htmlcssfontsw3.css
Vinay Pillutla
Vinay Pillutla

Reputation: 11

Google fonts not working when W3.css file is imported

Google fonts were working perfectly till I imported the W3.css file. I even tried to shift the google fonts link to the beginning of the document. It starts working as soon as I remove the link to W3.css file. Google fonts working:

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

Google fonts not working:

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

Upvotes: 1

Views: 205

Answers (1)

dippas
dippas

Reputation: 60543

you just need to declare the google font you are using in the element you want.

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>

Upvotes: 1

Related Questions