首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Google字体不工作

Google字体不工作
EN

Stack Overflow用户
提问于 2017-01-24 13:26:39
回答 2查看 3K关注 0票数 0

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

已添加链接herf=...和每个指令的字体系列标签,但它不能正常工作。

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

代码语言:javascript
运行
复制
<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:' Lato ',sans-serif;在body下面{,我在电脑上看不到Lato字体...所以它是工作的,但相当正常。

非常感谢您的参与!

EN

回答 2

Stack Overflow用户

发布于 2017-01-24 13:41:41

试着这样做,我认为这样做效果很好

代码语言:javascript
运行
复制
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900" rel="stylesheet">
票数 1
EN

Stack Overflow用户

发布于 2017-01-24 13:41:03

它可以很好地处理正确的html声明。你可以使用更新的lato字体链接

代码语言:javascript
运行
复制
body {
	font-family: 'Lato', sans-serif;
    background-color: white;
    font-weight: 300;
    color: #595959; 
    letter-spacing: 1.4px;
}
代码语言:javascript
运行
复制
<!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>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41820611

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档