in html / css how can i use two stuff having the same rel "stylesheet"?

55 Views Asked by At

help me understand how to get two defferent links of css with same (rel) like "stylesheet"

li:hover {color: green;}

.nothing {color: purple;}
p {font-family:monospace;}
.new_font {
        font-family: 'Tangerine', serif;
        font-size: 48px;}
body {  text-shadow: 8px 8px 8px #aaa;}
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Notes File</title>

  <link rel="stylesheet" href="style.css";>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
 

</head>

</html>

1

There are 1 best solutions below

0
Johannes On

Swap the order of your <link> tags so that the font info is already included before your regular stylesheet is loaded:

[... inside the head tag ...]
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<link rel="stylesheet" href="style.css";>