How to insert bold quote symbols in HTML

I wanted to insert this bold ❝❞ as you can see on https://fonts.google.com/specimen/Work+Sans?preview.text=%E2%9D%9D%E2%9D%9E%20:

To do that, I quickly came up with this:

* {font-family: 'Work Sans', sans-serif;}

<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=Work+Sans&display=swap" rel="stylesheet">
<h1>❝ Something ❞</h1>

The problem is that when I run that code, it is this that is shown:

What am I missing? Oh, and when I go to this website, more symbols appear like the one below appear!

Solution

I couldn't find out what's the Google Fonts problem but if you download their fonts form their website they should work properly.
You can also find specific font weights that you need through Network tab in Inspect Elements