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 vote129 views3 answers
How to start css
CSS
14 votes139 views5 answers
Make background image full width
CSS
31 votes158 views6 answers
Overflow
CSS
0 vote141 views1 answer
Html css tilt text
CSS
7 votes155 views2 answers
Text align justify
CSS
0 vote173 views1 answer
How to center an item without flex
CSS
0 vote147 views1 answer
Flexbox froggy
CSS
0 vote148 views1 answer
Scss select all childs
CSS
0 vote139 views1 answer
CSS - The Descendant Selectors
CSS
0 vote153 views1 answer
React bootstrap carousel not working
CSS