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

11 votes302 views1 answer
Wrap none css
CSS
7 votes323 views2 answers
Input background color
CSS
0 vote302 views1 answer
Como botar um separador display flex quebra de linha
CSS
0 vote336 views1 answer
Css custom easing
CSS
0 vote307 views1 answer
How to mirror flip a video tag css
CSS
0 vote324 views2 answers
How long ago was 1993 years
CSS
8 votes314 views3 answers
Css change font awesome icon color
CSS
0 vote298 views1 answer
How to use css without brackets
CSS
0 vote420 views1 answer
Mvc how to css file linked
CSS
10 votes290 views1 answer
Install code command on mac
CSS