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 vote242 views1 answer
Alternate color on two consecutive rows
CSS
0 vote241 views1 answer
Remove Title spacing
CSS
0 vote233 views1 answer
Docker buildx push to private registry
CSS
1 vote250 views1 answer
Why tr border not showing
CSS
0 vote220 views1 answer
Css hot to center image in bootsrtap container
CSS
22 votes256 views3 answers
Smooth scroll css
CSS
-1 vote225 views2 answers
Cliping setting
CSS
4 votes251 views2 answers
Alternate table row color css
CSS
0 vote254 views3 answers
Navigation sidebar animated
CSS
3 votes231 views2 answers
Css color when clicked
CSS