文章/答案/技术大牛

发布

社区首页 >问答首页 >Google字体CDN:字体权重没有按预期显示

问Google字体CDN:字体权重没有按预期显示
EN

Stack Overflow用户

提问于 2017-09-07 01:21:55

回答 1查看 3.1K关注 0票数 0

我试着在我的网站上使用谷歌字体的Lato。我在fonts.google.com上看到，Lato有不同的字体权重，而且它们有明显的区别：

https://fonts.google.com/specimen/Lato

在实践中，我并没有看到两者之间的差别，这使我的网站的设计变得复杂。

有人能告诉我，我是否正确地使用拉托和字体权重，或告诉我如何使用字体权重？

https://plnkr.co/Ng6Xk9S3TqGA2xzl7Nne

<head>
  <link rel="stylesheet" href="style.css">
  <script src="script.js"></script>
  <link href="https://fonts.googleapis.com/css?family=Lato|Open+Sans:500,600,700,800" rel="stylesheet">
</head>

<style>
  body {
    font-family: 'Lato', sans-serif
  }
</style>

<body>
  <div style="font-weight:500">This is a test!</div>
  <div style="font-weight:600">This is a test!</div>
  <div style="font-weight:700">This is a test!</div>
  <div style="font-weight:800">This is a test!</div>
</body>

css

fonts

google-fonts

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-09-07 01:38:11

多亏了李小加，我才意识到我是在为公开赛配重，而不是拉托。这里有一个固定的Plunkr：

https://plnkr.co/edit/9mKXYie2BdMvkf3uuvgn

解决办法是：

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

票数 0

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

原文链接：

https://stackoverflow.com/questions/46086473

复制

相似问题

问Google字体CDN:字体权重没有按预期显示
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google字体CDN:字体权重没有按预期显示EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Google字体CDN:字体权重没有按预期显示
EN