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

6 votes110 views2 answers
Css last child with class
CSS
1 vote110 views1 answer
Css how to dynamically put div in front of another
CSS
0 vote124 views1 answer
Css no purple links
CSS
102 votes113 views6 answers
How to center an element in css
CSS
17 votes101 views1 answer
Yarn problem
CSS
0 vote130 views1 answer
Navbar css code
CSS
4 votes112 views2 answers
Display flex column width auto
CSS
0 vote115 views1 answer
Css hero image
CSS
1 vote113 views1 answer
Chrome hide blue highlight css mobile
CSS
0 vote106 views1 answer
Ios safe area
CSS