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 vote272 views1 answer
Where is sendmail in lampp
CSS
0 vote277 views1 answer
Scss darken color
CSS
2 votes286 views5 answers
Tailwind css margin auto
CSS
0 vote296 views1 answer
Table td css
CSS
0 vote279 views1 answer
Font shorthand CSS
CSS
0 vote285 views1 answer
Css media queries if else
CSS
7 votes283 views3 answers
Text unselectable css
CSS
0 vote274 views1 answer
How to use css on a react icon
CSS
1 vote293 views1 answer
Timesheet template html css
CSS
8 votes350 views3 answers
Bootstrap 4 center image
CSS Bootstrap