2017-09-07 67 views
-1

我正尝试在我的网站中使用来自Google字体的Lato。我对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> 
+2

你只是在其中包括定期拉托。你包括Open Sans的多个权重*,而不是Lato *。 – Li357

回答

0

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

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

此修复程序是:

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