Каков наилучший способ включить пользовательский шрифт с использованием CSS, чтобы сделать его совместимым с максимальным количеством браузеров?
Я пробовал различные коды для встраивания собственного шрифта, и, наконец, кажется, что следующее работает в FF и IE8 выше. Но это не поддерживает в 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; }
Любое предложение сделать его более совместимым (например, IE7) приветствуется.