导入并使用google webfont

时间:2013-10-03 14:27:37

标签: css fonts google-font-api

对于一个项目,我必须使用很多样式的字体。 以下是the google font

的链接

这是我的css导入

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);

我想知道的是如何定义要显示的字体系列,例如“Open Sans Light 300 Italic”

由于

3 个答案:

答案 0 :(得分:26)

<强> CSS

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,300,400,700);
        body {
            font-family: 'Open Sans', sans-serif;
        }

        body p {
            font-style: italic;
            font-weight: 300; /* You specify the number you see next to the fonts to change from light to bold ie you would put 700 etc. etc. */
        }

答案 1 :(得分:5)

我认为这就是你要找的东西。

body {
  font-family: "Open Sans";
  font-weight: 300;
  font-style: italic;
}

答案 2 :(得分:1)

300/400/700是font-weight。如果你想使用粗体字体

font:bold(or 700) 12px/15px "Open Sans", sans-serif

如果你想要轻斜体使用

font:300 italic 12px/15px "Open Sans", sans-serif