Roboto Font Family CDN

<!DOCTYPE html>
<html>

<head>
 <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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
 rel="stylesheet">
</head>
<style>
 body {
 font-family: 'Roboto', sans-serif;
 font-size: 22px;
 }
</style>

<body>
 <h3>Roboto Font Family CDN</h3>
 Roboto Thin 100
 Roboto Thin 100 Italic
 Roboto Light 300
 Roboto Light 300 Italic
 Roboto Regular 400
 Roboto Regular 400 Italic
 Roboto Medium 500
 Roboto Medium 500 Italic
 Roboto Bold 700
 Roboto Bold 700 Italic
 Roboto Black 900
 Roboto Black 900 Italic
</body>

</html>

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
​
<head>
    <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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
        rel="stylesheet">
</head>
<style>
    body {
        font-family: 'Roboto', sans-serif;
        font-size: 22px;
    }
</style>
​
<body>
    <h3>Roboto Font Family CDN</h3>
    <p style="font-weight: 100;">Roboto Thin 100</P>
    <p style="font-style: italic;font-weight: 100;">Roboto Thin 100 Italic</P>
    <p style="font-weight: 300;">Roboto Light 300</P>
    <p style="font-weight: 300;font-style: italic;">Roboto Light 300 Italic</P>
    <p style="font-weight: 400;">Roboto Regular 400</P>
    <p style="font-weight: 400;font-style: italic;">Roboto Regular 400 Italic</P>
    <p style="font-weight: 500;">Roboto Medium 500</P>
    <p style="font-weight: 500; font-style: italic;">Roboto Medium 500 Italic</P>
    <p style="font-weight: 700;">Roboto Bold 700</P>
    <p style="font-weight: 700; font-style: italic;">Roboto Bold 700 Italic</P>
    <p style="font-weight: 900;">Roboto Black 900</P>
    <p style="font-weight: 900; font-style: italic;">Roboto Black 900 Italic</P>
</body>
​
</html>