Как подключить шрифт с Google Fonts
На примере шрифта Roboto. В HTML код вставляем ссылку на шрифт.
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"
rel="stylesheet">
H1 {
font-family: 'Roboto';
}
<html>
<head>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"
rel="stylesheet">
<style>
H1 {
font-family: 'Roboto';
}
</style>
</head>
<body>
<H1>Заголовок шрифтом Roboto</H1>
</body>
</html>