Я работаю над сайтом с HTML / CSS / jQuery, который пытается работать как сайт Flash. Мне пришлось использовать @ font-face, чтобы заставить нужный шрифт работать. Клиент также хочет добавить текст и контент (чтобы он выглядел как файл Flash). Проблема в том, что в Internet Explorer шрифт выглядит неровным и безобразным.

Мой CSS для шрифта лица выглядит так:

@font-face {
font-family: 'SansumiRegular';
src: url('../fonts/Sansumi-Bold.eot');
src: local('Sansumi Regular'), local('Sansumi-Bold'), url('../fonts/Sansumi-Bold.ttf') format('truetype');}

... который генерируется из:http://www.fontsquirrel.com/fontface/generator

JQuery для постепенного изменения выглядит так:

$('#site').css({opacity: '0.0'});
... preloads the images with jQuery, and at callback do fade...
$('#site').animate({opacity: '1.0'}, 1000);

По сути, нет никакого способа обойти тот факт, что мне нужно использовать этот конкретный шрифт (не стандартный веб-шрифт), и мне нужно использовать какую-то технику фейдера, чтобы он «выглядел как файл Flash».

Все это прекрасно выглядит в Firefox, Safari, Chrome ... Но в IE это выглядит чушь - все зазубренные и едва читаемые. Посмотрев вокруг, я нашел этот плагин jQuery, который предназначен для решения проблем с ClearType в IE:http://allcreatives.net/2009/12/05/jquery-plugin-ie-font-face-cleartype-fix/

... но у меня есть ощущение, что именно это затухание вызывает проблему со шрифтами. Может, дело в том, что IE не поддерживает CSS-команду opacity? ... но это действительно исчезает в одном все IE! Я даже попробовал относительно неизвестный метод применения непрозрачного цвета фона (например, #FFFFFF) к элементам с исчезающим текстом, но, похоже, это ничего не дает.

Там должно быть подальше от этой проблемы? Помимо этой маленькой проблемы со шрифтом, сайт готов!