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

1 vote369 views1 answer
This selector doesn't have any properties and won't be rendered. sass
CSS
3 votes336 views2 answers
Form css
CSS
0 vote336 views1 answer
How to center a text input in css
CSS
0 vote310 views2 answers
Media Query smartphone only
CSS
0 vote303 views1 answer
CSS - The Class Selectors - Element
CSS
0 vote318 views1 answer
Css remove link border on click
CSS
9 votes337 views2 answers
Convert to css to css3
CSS
0 vote293 views1 answer
Css svg width 100%
CSS
0 vote308 views1 answer
Change the bullet point color css
CSS
0 vote291 views1 answer
Css flex alle elemente gleiche höhe
CSS