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 vote197 views1 answer
Add image to div in css
CSS
2 votes181 views1 answer
How to make html element not selectable
CSS
0 vote157 views1 answer
Cd cover dimensions
CSS
3 votes155 views1 answer
Remove default style from links css
CSS
1 vote148 views1 answer
H2 custom font family html css
CSS
15 votes173 views4 answers
Sass
CSS
1 vote162 views1 answer
How to put mulitple conditions in media query
CSS
0 vote289 views1 answer
Centrer un élément absolute
CSS
2 votes208 views4 answers
Animation timing function css
CSS
0 vote145 views0 answer
CSS