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 vote146 views1 answer
Aligning form elements to center in css
CSS
17 votes328 views2 answers
Linking css
CSS
66 votes141 views6 answers
Center an image
CSS
0 vote123 views2 answers
Change color select arrow css cf7
CSS
2 votes123 views1 answer
Reset a tag css
CSS
68 votes156 views6 answers
Flex
CSS
0 vote133 views1 answer
Bootstrap-navbar-brand
CSS
0 vote124 views4 answers
Tabs css only
CSS
3 votes139 views3 answers
Zoom image inside div and move
CSS
0 vote126 views1 answer
Remove the dotted border on links
CSS