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

3 votes382 views4 answers
How to remove css from element using jquery
CSS
0 vote390 views1 answer
Fill and no repeat background image css
CSS
0 vote315 views5 answers
Css fr meaning
CSS
0 vote337 views1 answer
Resize logo html css
CSS
7 votes375 views3 answers
Embed google font css
CSS
0 vote315 views1 answer
How to add color to a image css
CSS
2 votes335 views1 answer
Size carousel bootstrap 4
CSS
0 vote339 views1 answer
Css device orientation
CSS
1 vote363 views1 answer
Image on top of image css
CSS
42 votes373 views5 answers
Css center everything
CSS