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

6 votes134 views3 answers
Scroll snap css
CSS
3 votes115 views1 answer
Input backgound color
CSS
10 votes125 views6 answers
How to install composer on mac
CSS
0 vote117 views1 answer
Text align in materialize css
CSS
0 vote113 views1 answer
Scroll down style
CSS
3 votes111 views1 answer
How to make a backgroud image with no repeat in html
CSS
1 vote107 views1 answer
Cursor: not-allowed is not working with pointe events none in css
CSS
1 vote125 views2 answers
Eloquent map collection
CSS
3 votes143 views2 answers
Bootstrap 5 pagination
CSS Bootstrap
2 votes80 views1 answer
Xpath vs css selector
CSS