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

1 vote165 views2 answers
Overflow-x hidden not working
CSS
0 vote222 views1 answer
Scroll div when page scroll
CSS
0 vote210 views1 answer
Css mutline comment
CSS
1 vote160 views3 answers
How to start css
CSS
2 votes162 views1 answer
Image crop using css 1:1
CSS
0 vote180 views1 answer
Unable to load authentication plugin 'caching_sha2_password'. dbeaver
CSS
3 votes130 views1 answer
Make item apper at the center of div
CSS
1 vote172 views1 answer
Css before is not working
CSS
3 votes194 views2 answers
Button material ui
CSS
8 votes180 views3 answers
Select first div css
CSS