Импорт и использование 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"

Спасибо

3 8

3 ответа:

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

Я думаю, что это то, что вы ищете.

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

300/400/700-это вес шрифта. Если вы хотите использовать жирный шрифт

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

Если вы хотите использовать легкий курсив

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