How to set font-family as Opensans SemiboldItalic font

html css font-family
Duc Hop Tran picture Duc Hop Tran · Aug 22, 2015 · Viewed 16.1k times · Source

i want to change my font-family of a <span> tag into Opensans SemiboldItalic font. but i dont know how?

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

Answer

Samuel Liew picture Samuel Liew · Aug 22, 2015

You have to use font-weight and font-style.

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

Make sure you are calling the semi-bold italic font weight (600) as well:

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

Related questions

How to Apply global font to whole HTML document

I have a HTML page which includes some text and formatting. I want to make it have the same font-family and the same text-size ignoring all inner formatting of text. I want to set a global font format for the …

Read More
Apply Calibri (Body) font to text

I have a div and in this div I want to display some text in Calibri (Body) font. How can I do this? This is the css I have been given : .an_account_join_1 { float:left; width:100%; color:#000000; font-family:Calibri (…

Read More
How can I set the font-family & font-size inside of a div?

This is my complete test html: <!DOCTYPE> <html> <head> <title>DIV Font</title> <style> .my_text { font-family: Arial, Helvetica, sans-serif font-size: 40px; font-weight: bold; } </style> </…

Read More