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

185 votes517 views6 answers
Attach css file to html
CSS
21 votes360 views5 answers
CSS italic
CSS
1 vote305 views2 answers
How to filter css red
CSS
1 vote320 views1 answer
Calculate min number in css
CSS
0 vote316 views1 answer
Css grid exercise
CSS
17 votes332 views1 answer
Sass calc with variable
CSS
20 votes308 views5 answers
Css coor background
CSS
0 vote317 views1 answer
Page rotate css
CSS
16 votes348 views1 answer
Rgb purple color
CSS
0 vote371 views1 answer
Working with tailwind css on your react build
CSS