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 votes176 views2 answers
Css glow text
CSS
0 vote183 views1 answer
Css file not getting captured in laravel project
CSS
0 vote175 views1 answer
Add image under header html
CSS
0 vote187 views1 answer
Hide scroll bar and show when hover with small size
CSS
55 votes169 views4 answers
Hover effects css
CSS
29 votes178 views4 answers
Css input selector
CSS
1 vote210 views1 answer
How to scale a bg image acc to size of div
CSS
0 vote190 views1 answer
Spree_digital
CSS
0 vote170 views1 answer
How to cover entire div with background image
CSS
5 votes199 views2 answers
Css text cut dots
CSS