¿Cuál es la mejor manera de incluir una fuente personalizada usando CSS para que sea compatible con el máximo de navegadores?
He intentado varios códigos para incrustar fuentes personalizadas y, finalmente, el siguiente parece funcionar en FF & IE8 arriba. Pero no soporta en 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; }
Cualquier sugerencia para hacerlo más compatible (como IE7) es bienvenido.