Курс CSS. Пример 01 урока 49.

Оператор поддержки
Птичка CSS - это наше всё!
Судьба свойства @font-face непростая. Его то вводили в стандарт, то выводили, но вот, наконец, свойство @font-face есть в стандарте CSS3, и не просто есть, а поддерживается всеми браузерами.

Как подключать шрифты.

Сначала следует в правиле @font-face определить имя для шрифта (например, ekaterina1), а затем указать на файл шрифта.
@font-face
{
	font-family: ekaterina1;
	src: url('fonts/ekaterina1.ttf');
}
.block_1_css_049 {
	font-family: ekaterina1;
	line-height:32px;
	background-color:#E1E2E6; 
	width:320px;
	border:5px double #777777; 
	padding:20px;
	margin:0px auto 10px auto;
	font-size:20px;
	border-radius:10px;
	box-shadow: 6px 7px 5px #979797;
	background-image: url('images/pushkin_120x120.jpg');
	background-repeat:no-repeat; 
	background-position:right bottom;
}

В результате мы можем теперь отображать тексты почерком Александра Сергеевича Пушкина:
В красавиц он уж не влюблялся,
А волочился как-нибудь;
Откажут - мигом утешался;
Изменят - рад был отдохнуть.
Он их искал без упоенья,
А оставлял без сожаленья,
Чуть помня их любовь и злость.
Так точно равнодушный гость
На вист вечерний приезжает,
Садится; кончилась игра:
Он уезжает со двора,
Спокойно дома засыпает
И сам не знает поутру,
Куда поедет ввечеру.