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

66 votes329 views6 answers
Text background color css
CSS
9 votes363 views3 answers
Css grid repeat
CSS
-6 votes465 views7 answers
Css flex
CSS
13 votes333 views1 answer
Remove style from link
CSS
0 vote343 views1 answer
Galerija nije kreirana uspešno
CSS
3 votes358 views2 answers
Remove highlight input css
CSS
0 vote351 views1 answer
Modern css fonts
CSS
1 vote426 views1 answer
Materialize customize container
CSS Materialize
12 votes365 views3 answers
Sticky header css
CSS
2 votes381 views1 answer
Are you sure you want to delete html
CSS