CODEWITHSUNDEEP
cssfontsgoogle-font-api
Romain
Romain

Reputation: 1948

Import and use google webfont

For a project, I have to use many style off a font. Here is the link of the google font

Here is my css import

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

What I would like to know is how can I define the font-family to display for example the "Open Sans Light 300 Italic"

Thanks

Upvotes: 8

Views: 55566

Answers (3)

Anon
Anon

Reputation: 2874

300/400/700 is font-weight. If you want bold font use 

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

if you want light italic use

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

Upvotes: 1

user2578173
user2578173

Reputation:

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. */
        }

Upvotes: 27

jonsuh
jonsuh

Reputation: 2875

I think this is what you're looking for.

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

Upvotes: 5

Related Questions