CODEWITHSUNDEEP
cssfonts
user2277916
user2277916

Reputation: 103

Google font not working

I want to use Lato light google font on my website.

Added link herf=... and font family tag per instruction, but it's not working properly.

On my laptop where I have Lato fonts installed, I see Lato light font implemented; however, on my friend's computer as well as on my phone, I'm not seeing Lato light font (I see some random font instead) 

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-us">
<head>
    <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />



body {
font-family: 'Lato', sans-serif;
background-color: white;
font-weight: 300;
color: #595959; 
letter-spacing: 1.4px;

}

I don't know what the problem is -- when I delete font-family: 'Lato', sans-serif; below body {, I no longer see Lato font on my computer.... so it's working, but quite properly.

Input would be greatly appreciated!!!

Upvotes: 0

Views: 3733

Answers (2)

Awadhesh verma
Awadhesh verma

Reputation: 540

Try to this way, I think this is working very well

<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">

Upvotes: 1

Yonas Hailu
Yonas Hailu

Reputation: 853

It's working fine with right html declarations. And you can use updated lato font link

body {
	font-family: 'Lato', sans-serif;
    background-color: white;
    font-weight: 300;
    color: #595959; 
    letter-spacing: 1.4px;
}
<!Doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">

  <head>
	<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  </head>

  <body>
	
    <p>I am paragraph</p>
  </body>

</html>

Upvotes: 0

Related Questions