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

3 votes211 views2 answers
Css sass
CSS
7 votes258 views6 answers
Css background overlay
CSS
37 votes183 views4 answers
Select even child css
CSS
0 vote201 views1 answer
Add elipses to a dom element with css
CSS
2 votes198 views1 answer
Last second css
CSS
3 votes201 views1 answer
Diable focus button css
CSS
0 vote219 views1 answer
Media queries import file
CSS
156 votes233 views6 answers
Center a div css
CSS
0 vote199 views1 answer
Background effect css
CSS
2 votes227 views2 answers
Carousel css
CSS