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

17 votes320 views4 answers
Li remove dot css
CSS
0 vote308 views1 answer
Very responsive grid layout
CSS
0 vote343 views1 answer
Html css how to arrange images of different sizes
CSS
0 vote377 views1 answer
Ngrok host header change
CSS
-1 vote350 views1 answer
Sidebar-Content layout
CSS
24 votes310 views3 answers
Css change multiple classes
CSS
1 vote311 views1 answer
Bootstrap ol
CSS
1 vote368 views1 answer
Robot font import
CSS
0 vote349 views1 answer
How to make fixed position responsive
CSS
0 vote334 views1 answer
Css center modal vertically
CSS