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 vote193 views2 answers
Pixel css
CSS
33 votes194 views6 answers
Linear gradient css
CSS
63 votes202 views5 answers
Html position absolute center
CSS
54 votes200 views6 answers
Background color css
CSS
0 vote206 views1 answer
Hoow to open a css class in css
CSS
0 vote192 views2 answers
Css disabled cursor not allowed
CSS
-1 vote198 views1 answer
Css div bottom of parent
CSS
1 vote189 views1 answer
Perfect circle css
CSS
2 votes189 views1 answer
@media prefers-color-scheme
CSS
1 vote197 views1 answer
Css without underline
CSS