web-dev-qa-db-ja.com

google webfontをインポートして使用する

プロジェクトでは、フォントから多くのスタイルを使用する必要があります。これが googleフォント のリンクです。

これが私のCSSインポートです

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

私が知りたいのは、たとえば「Open Sans Light 300 Italic」など、表示するフォントファミリを定義する方法です。

ありがとう

8
Romain

[〜#〜] 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. */
        }
26
user2578173

これはあなたが探しているものだと思います。

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

300/400/700はフォントの太さです。太字フォントを使用したい場合

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

軽いイタリックを使用したい場合

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