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 vote265 views1 answer
Iphone CSS
CSS
1 vote287 views1 answer
The user specified as a definer does not exist
CSS
0 vote278 views1 answer
Add arrow in select css
CSS
42 votes284 views6 answers
Text color css
CSS
0 vote267 views1 answer
Sticky footer bootstrap 3
CSS
3 votes286 views3 answers
Font shadow css
CSS
3 votes268 views6 answers
Input disabled css
CSS
0 vote230 views1 answer
Css flex fixed width
CSS
0 vote252 views10 answers
How to create a snake game in html css js
CSS
1 vote272 views1 answer
"League\Flysystem\AwsS3v3\AwsS3Adapter"
CSS