0

我正在尝试在我的网站中使用来自 Google Fonts 的 Lato。我在 fonts.google.com 上看到，Lato 有不同的字体粗细，它们有明显的区别：

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

在实践中，我看不出它们之间有太大区别，这使我网站上的设计变得复杂。

谁能告诉我我是否正确使用了 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>
4

1 回答 1

0

感谢 Andrew Li，我意识到我为 Open Sans 包含字体权重，而不是 Lato。这是一个固定的 Plunkr：

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

解决方法是：

<link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
于 2017-09-07T01:38:11.970 回答