2014-03-24 80 views
-1

了解字体当谈到使用字体及其大小时,我总是苦苦挣扎。我无法获得所需的样式,因为我可能不了解CSS属性..如果有人可以请阐明下面的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?

+0

https://developer.mozilla.org/en-US/docs/Web/CSS/font#Syntax –

回答

1

我会尽我所能来回答这些问题。

  1. 逗号分隔了您要导入的所有各种字体粗细和样式。您导入的越多,加载时间就越长。最好只导入你需要的样式。您可以在实际的Google Fonts网站上选择/取消选择您想要的内容。
  2. 逗号分隔您要导入的所有各种字体重量和样式。您导入的越多,加载时间就越长。最好只导入你需要的样式。您可以在实际的Google Fonts网站上选择/取消选择您想要的内容。
  3. '10px/20px'表示'FONTSIZE/LINEHEIGHT'。它可以让你在一行中完成两个定义。
+0

感谢罗布..现在我现在如何直接玩线高度..这真棒..谢谢 – user1718343