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 vote133 views1 answer
Gmail auto rewize dont
CSS
0 vote182 views1 answer
Bootstrap popover style width
CSS Bootstrap
6 votes162 views1 answer
How to add truncate code
CSS
0 vote156 views1 answer
Mvc how to css file linked
CSS
6 votes144 views5 answers
Font-style css
CSS
4 votes129 views3 answers
Webkit
CSS
0 vote120 views1 answer
Css varianbes
CSS
0 vote184 views1 answer
Height current -3px css
CSS
5 votes158 views3 answers
How to make a dotted hr in css
CSS
0 vote124 views1 answer
Hex color code for tan
CSS