我试图在我的网站上使用谷歌字体的Lato。我在字体上看到了。谷歌。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>