[Fixed]-<h1> styling not working but others will

by

1👍

✅

Your style.css file is invalid. The font-family lines aren’t enclosed in any selectors, so they’re breaking the next rule (h1)

Wrap the font-family lines in something. I’m assuming you want to wrap them in individual elements so that they don’t overwrite one another.

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<style>
.wendy {
  font-family: 'Wendy One', sans-serif;
}

.baloo {
  font-family: 'Baloo', cursive;
}

.libre {
  font-family: 'Libre Baskerville', serif;
}

h1 {
    color:yellow;
    font-family: "Baloo", cursive;
}

p  {
    color: red;
    font-family: 'Libre Baskerville',sans-serif;
}
</style>

<link href="https://fonts.googleapis.com/css?family=Baloo|Libre+Baskerville|Wendy+One" rel="stylesheet">

<h1>h1</h1>
<p>paragraph</p>
👤Michael Coker

Leave a comment