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

72 votes148 views4 answers
White rgb color
CSS
0 vote154 views1 answer
Css loading spinner with text
CSS
0 vote178 views1 answer
Shopify display flex not working
CSS
2 votes138 views1 answer
Css image transform flip mirror
CSS
1 vote139 views1 answer
-o css
CSS
0 vote222 views2 answers
Check if post page wp
CSS
175 votes198 views6 answers
Background css image
CSS
2 votes122 views1 answer
Css last character
CSS
0 vote150 views2 answers
Difference bw box and border box
CSS
0 vote141 views1 answer
Css table th width
CSS