Web2000

Внедрение своих шрифтов на страницу

Ныне это возможно вполне кроссбраузерно, правда, IE требует, чтобы шрифт был в формате EOT. В принципе, в интернете легко можно найти программы (и даже онлайн-сервисы) для конвертации файлов TTF в EOT-формат.

Пусть у меня есть некий шрифт, cool_font.ttf для обычного начертания и cool_font_b.ttf для жирного. Переведём эти шрифты в формат EOT, назовём их cool_font.eot и cool_font_b.eot и положим все 4 файла в корень нашего сайта. Тогда CSS-стили будут выглядеть так:

@font-face {
  font-family: 'cool_font_eot';
  font-weight: normal;
  src: url('/cool_font.eot');
}
@font-face {
  font-family: 'cool_font_eot';
  font-weight: bold;
  src: url('/cool_font_b.eot');
}
@font-face {
  font-family: 'cool_font_ttf';
  font-weight: normal;
  src: url('/cool_font.ttf');
}
@font-face {
  font-family: 'cool_font_ttf';
  font-weight: bold;
  src: url('/cool_font_b.ttf');
}
.cool{
  font-family: 'cool_font_eot',
  'cool_font_ttf',
  'Monotype Corsiva';
  /* eot для IE-Opera-Chrome-Safari,
  ttf для Firefox,
  Monotype Corsiva для
  старых браузеров */
}

И потом пишем: <span class="cool">Здравствуйте, <strong>товарищи</strong> !</span>

Таким же образом можно указать начертание для курсива и т.д.