Jest różnica pomiędzy fontami systemowymi, a tymi stosowanymi w internecie.
Powinieneś znaleźć wersję dostosowaną do przeglądarek https://fonts.google.com/specimen/Lato i odpowiednio ją dodać w swoim szablonie
<!DOCTYPE html>
<html lang="pl-PL">
<head>
<title>WebFont</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- Dodanie czcionki Lato --->
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Lato', sans-serif;
}
</style>
</head>
<body>
<h1>Test polskich znaków ąęćśńółżźć</h1>
<p>Test polskich znaków ąęćśńółżźć</p>
</body>
</html>