使用CSS（谷歌字體）

Question

瞭解字體當談到使用字體及其大小時，我總是苦苦掙扎。我無法獲得所需的樣式，因爲我可能不瞭解CSS屬性..如果有人可以請闡明下面的CSS代碼..

@import url(http://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic); 

上述行輸入「拉託」字體，但爲什麼這麼多的選擇使用逗號？以及如何使用所需的字體重量與上述情況..

font-weight: 300; 
font-size:30px; 

什麼是字體重量，是不是它使它爲粗體？

font: 700 10px/20px Helvetica; 

這條線是什麼意思？爲什麼使用分頻器？ 10px/20px？

Answer 1

我會盡我所能來回答這些問題。

1. 逗號分隔了您要導入的所有各種字體粗細和樣式。您導入的越多，加載時間就越長。最好只導入你需要的樣式。您可以在實際的Google Fonts網站上選擇/取消選擇您想要的內容。
2. 逗號分隔您要導入的所有各種字體重量和樣式。您導入的越多，加載時間就越長。最好只導入你需要的樣式。您可以在實際的Google Fonts網站上選擇/取消選擇您想要的內容。
3. '10px/20px'表示'FONTSIZE/LINEHEIGHT'。它可以讓你在一行中完成兩個定義。