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 vote194 views1 answer
Html invisible hr
CSS
0 vote197 views1 answer
Chrome console remove css dark mode
CSS
34 votes193 views2 answers
Box position in center css
CSS
0 vote185 views1 answer
Morphism box shadow
CSS
0 vote190 views1 answer
Transform: scale time anpassen
CSS
2 votes185 views2 answers
How to give 2 different background color css
CSS
0 vote203 views1 answer
Easyui datagrid header multiline
CSS
0 vote189 views1 answer
Make table cell less wide css
CSS
6 votes140 views2 answers
Difference between justify content and justify in grid
CSS
0 vote197 views1 answer
Sass dummy folder site download
CSS