/*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; }

Read more of this post