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

8 votes188 views2 answers
How to add border in css
CSS
45 votes175 views6 answers
Css text align center
CSS
0 vote175 views1 answer
Css calc margin-top based on height?
CSS
0 vote237 views1 answer
Bootstrap 5 sidebar class
CSS Bootstrap
9 votes185 views3 answers
Fix textarea size
CSS
0 vote167 views1 answer
Beautiful checkbox css
CSS
0 vote163 views2 answers
Get all tables laravel
CSS
0 vote169 views1 answer
How to resize img in css
CSS
20 votes180 views5 answers
How to add background image in react css
CSS
0 vote238 views1 answer
Css cotent tipe
CSS