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 vote147 views3 answers
Howto stop the screen from zooming in when I click on input tag on mible
CSS
0 vote149 views1 answer
Text size to fit button
CSS
1 vote141 views1 answer
Move element to the left css
CSS
0 vote143 views1 answer
Practice html and css
CSS
0 vote153 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap
5 votes167 views1 answer
Html how to indent text
CSS
0 vote143 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
83 votes161 views4 answers
Css placeholder color
CSS
0 vote150 views1 answer
Bootstrap modal resize with jquery
CSS
0 vote152 views1 answer
Git apagar branch remoto
CSS