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 vote238 views1 answer
Css selector all class prefix
CSS
0 vote272 views2 answers
Style message d'erreur css
CSS
0 vote250 views1 answer
Centos 8 cron on reboot
CSS
18 votes258 views4 answers
Background color none
CSS
2 votes254 views1 answer
Three dots in css
CSS
0 vote310 views1 answer
Beautiful Cyrillic fonts
CSS
0 vote245 views2 answers
Html overflow scroll only if needed with exemple
CSS
3 votes268 views1 answer
Watch scss to css
CSS
0 vote274 views1 answer
Opposite of visibility hidden in css
CSS
-1 vote271 views2 answers
How to put different p elements next to each
CSS