Буквица CSS

<p>
	<span class="letter">Р</span>ыба, часто используемый в печати и веб-дизайне. 
	Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI 
	века. В то время некий безымянный печатник создал большую коллекцию размеров 
	и форм шрифтов, используя Lorem Ipsum для распечатки образцов. 
</p>

@font-face {
	font-family: 'Izhitsa'; 
	src: url(/izhitsa.ttf); 
}
.letter {
	font-family: 'Izhitsa';
	color: rgb(255, 0, 0);    
	font-size: 70px;
	line-height: 60px;    
	vertical-align: top;
	display: inline-block;
	float: left;
	margin: 0 10px 0 0;
}

<div class="text">
	<p>
		Рыба, часто используемый в печати и веб-дизайне. 
		Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI 
		века. В то время некий безымянный печатник создал большую коллекцию размеров 
		и форм шрифтов, используя Lorem Ipsum для распечатки образцов. 
	</p> 
	<p>
		Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но 
		и перешагнул в электронный дизайн. Его популяризации в новое время послужили 
		публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более 
		недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах 
		которых используется Lorem Ipsum.
	</p>
</div>

@font-face {
	font-family: 'Izhitsa'; 
	src: url(/izhitsa.ttf); 
}
.text p:first-child:first-letter {
	font-family: 'Izhitsa';
	color: rgb(255, 0, 0);    
	font-size: 70px;
	line-height: 60px;    
	vertical-align: top;
	display: inline-block;
	float: left;
	margin: 0 10px 0 0;
}

<p>
	<span class="letter-r">Р</span>ыба, часто используемый в печати и веб-дизайне. 
	Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI 
	века. В то время некий безымянный печатник создал большую коллекцию размеров 
	и форм шрифтов, используя Lorem Ipsum для распечатки образцов.
</p>

.letter-r {
	font-size: 0;
	display: inline-block;
	float: left;
	margin: 0 10px 0 0;
	width: 50px;
	height: 107px;
	background: url(/r.jpg) 0 0 no-repeat;
}