谷歌字体不起作用

时间:2017-01-24 05:26:39

标签: css fonts

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

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

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

<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;

}

我不知道问题是什么 - 当我删除font-family时:&#39; Lato&#39;,sans-serif;在身体下面{,我不再在我的电脑上看到拉托字体......所以它正在工作,但非常正常。

输入将不胜感激!!!

2 个答案:

答案 0 :(得分:1)

尝试这种方式,我认为这很有效

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

答案 1 :(得分:0)

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

&#13;
&#13;
body {
	font-family: 'Lato', sans-serif;
    background-color: white;
    font-weight: 300;
    color: #595959; 
    letter-spacing: 1.4px;
}
&#13;
<!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>
&#13;
&#13;
&#13;