2017-09-07 3 views
-1

J'essaie d'utiliser Lato de Google Fonts dans mon site. Je vois sur fonts.google.com, Lato a des poids de police distincts, et ils sont des différences évidentes:Google police, Lato, poids de police ne pas afficher comme prévu

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

Dans la pratique, je ne vois pas beaucoup de différence entre ceux-ci, ce qui complique la conception de mon site.

Quelqu'un peut-il me dire si j'utilise correctement les poids Lato et les polices, ou me montrer comment utiliser les poids des polices?

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

Vous êtes seulement y compris le Lato régulier. Vous incluez plusieurs poids * de Open Sans, pas de Lato *. – Li357

Répondre

0

Merci à Andrew Li, je réalisais que j'incluais des poids-police pour Open Sans, non Lato. Voici un Plunkr fixe:

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

Le correctif était:

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