Как установить шрифт-семью как Opensans SemiboldItalic font

Question

Я хочу изменить свою фамилию-фамилию тега <span> в шрифт Opensans SemiboldItalic. но я не знаю, как это сделать?

#footer .container span { 
    font-family: 'Open Sans Semibold'; 
} 

Answer 1

Вы должны использовать шрифт-вес и стиль шрифта.

font-family: 'Open Sans', Arial, sans-serif; 
font-weight: 600; 
font-style: italic; 

Убедитесь, что вы вызываете полужирный вес курсивного шрифта (600), а также:

<link href='//fonts.googleapis.com/css?family=Open+Sans:600italic' rel='stylesheet' type='text/css'> 

Answer 2

Если вы используете Google шрифты, вы получили небольшой учебник по использованию на праве : https://www.google.com/fonts#UsePlace:use/Collection:Open+Sans

font-family: 'Open Sans', sans-serif; 

Чтобы изменить начертание шрифта вы посмотрите на приведенной выше таблице можно. Число для полужирных составляет 600, поэтому:

font-weight: 600; 

Простота в этом.

Редактировать: Забыли Italic-Style:

font-style: italic; 

Answer 3

Если вы не в порядке с получением faux italic (ie: letting the browser italicize the font rather than displaying the italic font) вы должны убедиться, что вы тянете в полужирный курсивный шрифт:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:600italic' rel='stylesheet' type='text/css'> 

Если вы хотите больше разновидностей из этого семейства, вы также должны указать их. Например, если вы хотите 400 нормальных и курсивное и 600 нормального и курсивный, ссылка будет выглядеть так:

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic' rel='stylesheet' type='text/css'> 

Это решает эти стили:

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2'); 
} 
@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 600; 
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'); 
} 
@font-face { 
    font-family: 'Open Sans'; 
    font-style: italic; 
    font-weight: 400; 
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'); 
} 
@font-face { 
    font-family: 'Open Sans'; 
    font-style: italic; 
    font-weight: 600; 
    src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxsiAiQ_a33snTsJhwZvMEaI.woff2) format('woff2'); 
}