@zmoerema
Posted
hi there,
here's how to use the right font. every line of code is given on the google fonts website.
add the lines in bold in the html file :
<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- displays site properly based on user's device --> <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png"> <link rel="stylesheet" href="styles.css"><link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap" rel="stylesheet">
<title>Frontend Mentor | QR code component</title> </head>then in css file, add font-family: "Outfit", sans-serif; where you need it.