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 vote198 views1 answer
How to get on the top of the page
CSS
0 vote214 views1 answer
Add image under header html
CSS
12 votes212 views2 answers
Other children than first css
CSS
0 vote280 views1 answer
How to set the scroll in bootstrap4 table body
CSS Bootstrap
0 vote204 views1 answer
NeuMorphisme button code
CSS
9 votes195 views4 answers
Css size button
CSS
0 vote204 views1 answer
Laravel enum float
CSS
2 votes257 views1 answer
Otf css3 font-face
CSS
23 votes204 views2 answers
Center align in grid
CSS
0 vote209 views1 answer
How to put an element in front
CSS