Web : je galère avec une police

MDMA

Posté le 05/04/2018 à 14:22:49

Sûrement un truc très con mais je débute

https://image.noelshack.com/minis/2016/32/1470667606-risitas.png

Je voudrais utiliser cette police : https://fonts.google.com/specimen/Monoton

Apercite https://fonts.google.com/specimen/Monoton

Mais quand j'ouvre sur une page web ça me donne ce truc immonde :

https://image.noelshack.com/minis/2018/14/4/1522930634-ntm.png

Le html :
<spoiler>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="styles/styles.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.[...]ress+Start+2P|VT323"

Apercite https://fonts.googleapis.com/css?family=Monoton|Press+Start+2P|VT323"

rel="stylesheet">
</head>

<body>
<h1>Nique ta mère</h1>

<script src="scripts/main.js"></script>
</body>
</spoiler>

Le CSS :

h1 {
font-size: 60px;
font-family: 'Monoton', cursive;
}

Je vois pas d’où peut provenir le problème vus que y a encore rien d'écrit