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

14 votes212 views5 answers
Input number hide arrows
CSS
1 vote206 views1 answer
Css display div horizontally
CSS
0 vote219 views1 answer
Z-index: 1000000;
CSS
1 vote209 views1 answer
Multiple divs next to each other
CSS
3 votes178 views1 answer
Change css to scss angular
CSS
-1 vote202 views2 answers
How to set background automatically with my screen height
CSS
0 vote179 views1 answer
Easiest way to invert css to dark mode
CSS
1 vote190 views1 answer
How to alternate background colour in html div elements in css
CSS
0 vote186 views1 answer
Css make ul on multiple lines
CSS
2 votes133 views1 answer
Css content space
CSS