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

26 votes112 views10 answers
Bootstrap
CSS
0 vote114 views1 answer
How to make a square div in css
CSS
0 vote118 views1 answer
How to create polaroid effect in css
CSS
27 votes111 views3 answers
@keyframes
CSS
0 vote124 views6 answers
Css change svg color
CSS
-1 vote97 views2 answers
Html and css websites
CSS
0 vote106 views1 answer
Boxsizing
CSS
33 votes99 views4 answers
Css background collor
CSS
0 vote117 views1 answer
How to dedeclare a variable and use it in css
CSS
0 vote101 views2 answers
Html css change reading direction
CSS