2017-09-07 22 views
-1

自分のサイトのGoogleフォントからLatoを使用しようとしています。私はfonts.google.comに見る、ラトは、異なるフォントの重みを持っている、と彼らは明らかな違いです:、私は上の設計を複雑これらの違いの多くを見ていないよ。実際にGoogleフォント、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> 
+2

あなたが唯一の定期的なラトを含めています。あなたはLato *ではなくOpen Sansの複数の重み*を含んでいます。 – Li357

答えて

0

おかげで、私はオープンなき、ないラトのフォント - 重さを含めた実現。ここでは、固定Plunkrです:

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

修正がされた:

<link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet"> 
関連する問題