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