关于CSS:Google字体无法正常工作

Google font not working

我想在我的网站上使用Lato light谷歌字体。

为每条指令添加了链接herf = ...和字体系列标签,但无法正常工作。

在安装了Lato字体的笔记本电脑上,我看到实现了Lato light字体。 但是,在朋友的计算机和手机上,我没有看到Lato light字体(而是看到了一些随机字体)

1
2
3
4
5
6
7
8
9
10
11
12
13
<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;

}

我不知道问题是什么-当我删除字体系列时:" Lato",无衬线; 在主体{下方,我在计算机上再也看不到Lato字体...。因此它可以正常工作,但是可以正常使用。

输入将不胜感激!!!


尝试这种方式,我认为这很好

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


正确的html声明可以正常工作。 您可以使用更新的lato字体链接

1
2
3
4
5
6
7
body {
\tfont-family: 'Lato', sans-serif;
    background-color: white;
    font-weight: 300;
    color: #595959;
    letter-spacing: 1.4px;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!Doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">

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

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

</html>