Qual é a melhor maneira de incluir fontes personalizadas usando CSS para torná-lo compatível com o máximo de navegadores?

Eu tentei vários códigos para incorporar a fonte personalizada e, finalmente, a seguir parece funcionar em FF e IE8 acima. Mas não suporta no IE7.

@font-face {
font-family: 'xyzfont';
src: url('fonts/abc-font.eot?') format('eot'), 
     url('fonts/abc-font.woff') format('woff'), 
     url('fonts/abc-font.ttf') format('truetype');
}

h1, h2, h3, div span { font-family: 'xyzfont', Georgia, Arial; }

Qualquer sugestão para torná-lo mais compatível (como o IE7) mais bem-vindo.

questionAnswers(2)

yourAnswerToTheQuestion