Не работает front-wight?

Question

[nutritsio]

Привет всем, начинающий front-end программист (чайник). Пытаюсь наверстать макет не с нуля, а вместе с Bootstrap 3.

При добавлении шрифтов возникла проблема в следующем:
При добавлении возможностей ширины шрифта, в данном случае "Lato", 300i,400,700, не реагирует свойство "front-wight". В данном примере, мне нужно использовать ширину "300i" в классе .head_1 , параметры 400 и 700 намерен использовать в след. классах. Подскажите пожалуйста в чем ошибка.

P.S. Если убрать параметры 400 и 700, шрифт 300i работает.

Спасибо заранее.

@import url('https://fonts.googleapis.com/css?family=Lato:300i,400,700|Montserrat:300');
*{
	padding: 0px;
	margin: 0px;
}

.centered {
    text-align: center;
}

.head_1 {
	background-color: #171514;
	min-width: 100%;
	height: 532.5px;
	font-family: 'Lato', sans-serif;
	font-weight: 300i;
	padding-top: 150px;
	color: #FFFFFF;
}
.head_1 h1, .head_1 h3 {
		line-height: 48px;
}

Answer 1

[Сергей delphinpro]

font-weight: 300;
font-style: italic;