только это немного не так выглядит в CSS
http://habrahabr.ru/blogs/typography/113136/ Прописывается @font-face с указанием src: URL (используется несколько файлов/типов шрифта, потому как не все браузеры "понимают" .ttf, например) :
@font-face {
font-family: 'MyFontFamily';
src: url('тут-URL-шрифта') format('формат'),
url ...;
}
А потом используется "как обычно". Только название шрифта обязательно в кавычках:
selector { font-family: 'MyFontFamily'; }
Если будете "писать по-русски" на сайте, выбирайте шрифты с кириллцей.
Бесплатные шрифты
Google Web Fonts (В поле Script выбрать "Cyrillic". Выдается линк на готовый к использованию файл .css с прописанными шрифтами и объясняют как пользоваться после выбора шрифтов и нажатия кнопки "Use" - в этом файле уже прописан @font-face)
Можете использовать свой/скачанный из интернет шрифт и
[ссылка заблокирована по решению администрации проекта]: (Добавить один, или более шрифтов, выбрать "Expert", потом в поле "Subsetting:" - "Custom Subsetting" и добавить галочки в английский, кирилицу, нужные символы, цифры - "Character Type" и то что дополнительно предполагается использовать) . Естественно, в исходном шрифте тоже должны быть кириллические символы.
"На выходе" получите сконвертированные в нужные форматы шрифты и примеры (с готовым CSS).