Default preset

by Vladimir

HTML

<div class="block1">
	Классификация шрифтов
</div>
<div class="block2">
	Все знают о гротесках и антиквах, брусковых и рукописных шрифтах, но большинство классификаций оказываются гораздо более подробными. Классификация шрифтов, будучи в целом полезной, часто оказывается излишне сложной, запутанной и даже противоречивой. В этой статье я отсеял ряд сложностей, приведя их к более удобоваримому формату, что сделало материал промежуточным звеном между эссе по основами типографики и занудной статьей для искушенных профессионалов – идеальный вариант для практикующего дизайнера.
</div>
<div class="block3">
	Зачем классифицировать шрифты?
</div>
<div class="block4">
	Существует определенное интеллектуальное удовольствие в обладании знаниями, в особенности знаниями в области выбранной сферы учебы или работы. Что, вероятно, более важно, существует мнение, согласно которому знания, на первый взгляд лишенные практической ценности, придают дизайнеру больший вес. Если следовать этой логике, то, что вы прочтете – абсолютно непрактично.
</div>
<div class="block5">
	Перевод статьи Making Sense Of Type Classification 
</div>
<div class="block6">
	http://habrahabr.ru/company/uidesign/blog/194368/
</div>

CSS

/* made in webfont.ru/polygon */
@import "http://webfonts.ru/import/osans.css";
body {
	background-color: rgba(255,255,255,1);
}
.block1 {
	color: rgba(51,51,51,1);
	font-family: 'Georgia';
	font-size: 51px;
	font-weight: 400;
	line-height: 1em;
	letter-spacing: 0.03em;
	margin: 0px 0px 20px 0px;
}
.block2 {
	color: rgba(78,78,78,1);
	font-family: 'Georgia';
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5em;
	margin: 0px 0px 20px 0px;
}
.block3 {
	color: rgba(150,84,84,1);
	font-family: 'Georgia';
	font-size: 32px;
	font-weight: 400;
	line-height: 1.5em;
	margin: 0px 0px 10px 0px;
}
.block4 {
	color: rgba(42,42,42,1);
	font-family: 'Open Sans';
	font-size: 17px;
	font-weight: 400;
	line-height: 1.6em;
	margin: 0px 0px 25px 0px;
}
.block5 {
	color: rgba(120,120,120,1);
	font-family: 'Georgia';
	font-size: 16px;
	font-weight: 400;
	font-style: italic;
	line-height: 1.5em;
	text-align: right;
}
.block6 {
	color: rgba(93,126,194,1);
	font-family: 'Tahoma';
	font-size: 14px;
	font-weight: 400;
	text-decoration: underline;
	line-height: 1.5em;
	text-align: right;
}