Was ist die beste Möglichkeit, benutzerdefinierte Schriftarten mithilfe von CSS einzuschließen, damit sie mit den meisten Browsern kompatibel sind?

Ich habe verschiedene Codes ausprobiert, um benutzerdefinierte Schriftarten einzubetten, und schließlich scheint Folgendes in FF & IE8 zu funktionieren. In IE7 wird dies jedoch nicht unterstützt.

@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; }

Jeder Vorschlag, es kompatibler zu machen (wie z. B. IE7), ist sehr willkommen.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage