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

18 votes147 views7 answers
Round button css
CSS
3 votes172 views2 answers
Move css background image
CSS
3 votes222 views2 answers
Adminlte.min.css.map error
CSS
0 vote192 views2 answers
How to define max number of character for a paragraph css
CSS
6 votes150 views2 answers
Difference between justify content and justify in grid
CSS
1 vote193 views3 answers
Css profile picture round
CSS
0 vote176 views1 answer
RROR: PKGBUILD contains CRLF characters and cannot be sourced.
CSS
0 vote187 views5 answers
Add css to javafx fxml
CSS
0 vote145 views0 answer
CSS
3 votes188 views1 answer
Css supports
CSS