html: How do I change font in HTML5 and CSS?

lundi 13 juin 2016

I am trying to change the font of text on my site that I am working on. I am using a font that I downloaded and it is in .otf format.

@font-face {
font-family: AmaranthRegular;
src: url(Amaranth-Regular.otf);
}

Here is the html code.

<!DOCTYPE html>
<head>
<title>We Use Macs</title>
<link rel="stylesheet" href"styles.css"
</head>

<body>

<h1>Hello</h1>

</body>

</html>

I have all of this in a folder including the font.

html