不显示的字体粗细如预期:谷歌字体

问题描述 投票:0回答:1

我想在我的网站使用拉托从谷歌的字体。我看到fonts.google.com,拉托具有鲜明的字体粗细,和他们明显的差异:

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个回答
0
投票

感谢李国能,我意识到我包括字体权重开放三世,不拉托。这里有一个固定的Plunkr:

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

整个解决方案:

<link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
© www.soinside.com 2019 - 2024. All rights reserved.