Все изменилось с тех пор, как этот вопрос был первоначально задан и получен ответ. Была проделана большая работа по созданию кросс-браузерного встраивания шрифтов для основного текста, работающего с использованием @ font-face.
Пол Ирландский вместе взятый Пуленепробиваемый синтаксис @ font-face объединение попыток множества других людей. Если вы на самом деле просматриваете всю статью (не только верхнюю), она позволяет одному оператору @ font-face охватить IE, Firefox, Safari, Opera, Chrome и, возможно, другие. По сути, это может обеспечить OTF, EOT, SVG и WOFF способами, которые ничего не нарушают.
Снято с его статьи:
@font-face {
font-family: 'Graublau Web';
src: url('GraublauWeb.eot');
src: local('Graublau Web Regular'), local('Graublau Web'),
url("GraublauWeb.woff") format("woff"),
url("GraublauWeb.otf") format("opentype"),
url("GraublauWeb.svg#grablau") format("svg");
}
Работая с этой базы, Font Squirrel собрал множество полезных инструментов, включая @ font-face Generator , который позволяет загружать TTF или OTF файл и получите автоматически преобразованные файлы шрифтов для других типов, вместе с предварительно созданным CSS и демонстрационной HTML-страницей. Font Squirrel также имеет Сотни комплектов @ font-face .
Soma Design также собрал FontFriend Bookmarklet , который переопределяет шрифты на странице на лету, чтобы вы могли опробовать их. Включает поддержку перетаскивания @ font-face в FireFox 3.6 +.
Совсем недавно Google начал предоставлять Google Web Fonts , ассортимент шрифтов, доступных по лицензии Open Source и обслуживаемых с серверов Google.
Лицензионные ограничения
Наконец, WebFonts.info собрал хороший список wiki'd шрифтов, доступных для встраивания @ font-face на основе лицензий. Он не претендует на то, чтобы быть исчерпывающим списком, но шрифты в нем должны быть доступны (возможно, с такими условиями, как указание в файле CSS) для встраивания / связывания. Важно прочитать лицензии , потому что есть некоторые ограничения, которые явно не выдвигаются при загрузке шрифтов.