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

1 vote193 views2 answers
Css color black
CSS
5 votes267 views3 answers
Bootstrap 4 classes list with description pdf
CSS Bootstrap
0 vote205 views1 answer
ForEach In a forEach method, we pass each food type within that iteration into the callback. A for loop needs you to access the array using a temporary i variable.
CSS
0 vote211 views1 answer
Box shadow to table cell css
CSS
16 votes180 views5 answers
Loop scss
CSS
0 vote205 views1 answer
Bash list all npm processes
CSS
0 vote180 views1 answer
Css if element is empty
CSS
1 vote208 views1 answer
Input time without am pm
CSS
3 votes197 views4 answers
Remove outline on button click
CSS
15 votes192 views2 answers
Linear-gradient
CSS