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

6 votes287 views6 answers
Console.log with color font
CSS
0 vote282 views1 answer
Change the arrow during click css
CSS
0 vote285 views1 answer
Center elemnts css
CSS
-1 vote267 views1 answer
Css tricks
CSS
1 vote294 views1 answer
Lato font family css
CSS
0 vote295 views1 answer
Line height negative css
CSS
57 votes297 views2 answers
Hegith specific css in media query
CSS
0 vote280 views1 answer
Css change scroll anchor point under navbar
CSS
0 vote273 views1 answer
Css mutline comment
CSS
0 vote296 views2 answers
Css großbuchstaben erzwingen
CSS