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

2 votes129 views1 answer
How to make auto scroll to the end in css
CSS
0 vote127 views2 answers
Icon rounded corners css
CSS
0 vote146 views1 answer
"selector-max-specificity"
CSS
0 vote129 views1 answer
Input remove blue glow
CSS
0 vote109 views1 answer
Repeating-linear-gradient
CSS
0 vote127 views1 answer
Add glow to image css
CSS
0 vote110 views1 answer
Css add required asterisk after
CSS
9 votes133 views3 answers
How to change another element on hover
CSS
5 votes121 views2 answers
Make text not selectable
CSS
0 vote120 views2 answers
Make img black and white css
CSS