我想在我的网站使用拉托从谷歌的字体。我看到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>
感谢李国能,我意识到我包括字体权重开放三世,不拉托。这里有一个固定的Plunkr:
https://plnkr.co/edit/9mKXYie2BdMvkf3uuvgn
整个解决方案:
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">