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.