you can solve this problem in 2 step very easy to resolve. you have to add all font links in it that u are getting in speed errer in #2 point
use this and paste it 👇above </body> tag
<link
href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap"
rel="stylesheet"
/>
#2
paste this<head>under head
<!DOCTYPE html>
<html>
<head>
<!-- Other head elements -->
<!-- Adding Google Font via link -->
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap" rel="stylesheet">
<!-- Adding the @font-face CSS -->
<style>
@font-face {
font-family: 'Pacifico';
font-style: normal;
font-weight: 400;
src: local('Pacifico Regular'), local('Pacifico-Regular'),
url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2)
format('woff2');
font-display: swap;
}
</style>
</head>
<body>
<!-- Body content -->
</body>
</html>
if problem is not solved add more fonts in body{tag
#3
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 400; src: local('Lora Regular'), local('Lora-Regular'), url(https://fonts.gstatic.com/s/lora/v20/0QI6MX1D_YAJKOYtA8fjPzLPaQ.woff2) format('woff2'); font-display: swap; }
Comments
Post a Comment