How to add font otf format in html

/*default version*/
@font-face {
	font-family: 'lovelyFont';
	src: url('fonts/lovely_font.eot'); 
	src: 
		local('Lovely Font'),
		local('Lovely-Font'),
		url('fonts/lovely_font.otf') 
		format('opentype');
}
/*bold version*/
@font-face {
	font-family: 'lovelyFont';
	src: url('fonts/lovely_font_bold.eot'); 
	src: 
		local('Lovely Font Bold'),
		local('Lovely-Font-Bold'),
		url('fonts/lovely_font_bold.otf') 
		format('opentype');
	font-weight: bold;
}
/*container element*/
div { font-family: 'lovelyFont', sans-serif; }
/*span elements inside the container div*/
span { font-weight: bold; }

Similar codes

2 votes359 views1 answer
How to fix the footer at the bottom of the page
CSS
79 votes423 views6 answers
Css media query
CSS
0 vote321 views1 answer
Css click through element
CSS
0 vote361 views1 answer
Css remove second element
CSS
5 votes351 views1 answer
Cursor as image css
CSS
-2 votes377 views1 answer
Div color overlay css
CSS
1 vote381 views1 answer
Button click css style
CSS
1 vote401 views2 answers
Css clearfix for floats with display table and clear both
CSS
0 vote363 views1 answer
Change mouse pointer on image hover
CSS
22 votes377 views6 answers
Box shadow css
CSS