HTML:

```
<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My Website</title>
    <link rel="stylesheet" href="style.css">
  </head>

  <body>
    <h1 style="font-family: 'Noto Sans', sans-serif;"">Test</h1>
    <h1 style="font-family: 'Roboto', sans-serif;">Test</h1></h2>
</body>        
</html>

```

CSS:

```
<style>
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans&family=Roboto:wght@700&display=swap');
</style>

```

I'm trying to import this font, however for both and , the font doesn't show up. How do I fix this?