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

22 votes148 views4 answers
Import font css from url
CSS
3 votes157 views2 answers
How to align elements horizontally in css
CSS
2 votes162 views5 answers
Tailwind css margin auto
CSS
10 votes191 views4 answers
Bootstrap badges Links
CSS
7 votes210 views3 answers
Transition shorthand css
CSS
0 vote149 views1 answer
How make button which is fixed even after i scroll
CSS
37 votes187 views4 answers
Css hover pointer
CSS
3 votes223 views1 answer
Css perfect box shadow
CSS
0 vote185 views1 answer
Aplicar padding a sombra
CSS
12 votes180 views5 answers
Responsive font-size
CSS