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

0 vote215 views1 answer
How to hide some grid items from grid in css
CSS
0 vote225 views1 answer
Bootstrap-navbar-brand
CSS
-1 vote245 views1 answer
Remove line breaks css
CSS
0 vote247 views2 answers
Popular class name layouts
CSS
6 votes226 views1 answer
Scrollbar height css
CSS
0 vote203 views1 answer
Jquery change css variiable value
CSS
1 vote261 views1 answer
How to make font awesome responsive bootstrap
CSS Bootstrap
11 votes233 views4 answers
Background image css fill screen
CSS
1 vote223 views1 answer
Input time without am pm
CSS
20 votes214 views3 answers
Gradient border with border radius
CSS