SIFR текст растягивается/размыто в Google Chrome

ОтветилSIFR текст растягивается/размыто в Google Chrome

Лучший ответ ниже был хорош для щедрот, но ответ пользовательской Аароновой правильного ответа. Установка:

.sIFR-flash { 
width:100%; 
}

исправляет проблему в Chrome. К сожалению, я не могу изменить свой лучший ответ, так как я думаю, что так работают щедроты.

Ответил

Я, кажется, возникли некоторые проблемы с Chrome специально рендеринга SIFR заменить текст вытянута (и размыто) в его флэш-контейнер. Ни один другой браузер этого не делает (хорошо выглядит в IE6,7,8, FF, Safari, Opera). Это известная ошибка/у кого-нибудь есть обходной путь?

Вот пример вы можете посмотреть на на этом сайте: http://uvph.com/

А вот заменить код:

// -- configure sifr 
var futura = { src: '/swf/bfuturah.swf' }; 

sIFR.activate(futura); 

sIFR.replace(futura, { 
    css: [ 
     '.sIFR-root { background-color:transparent; color: #999999; font-size:24px; text-transform:uppercase; }' 
    ], 
    fitExactly  : true, 
    forceClear  : true, 
    forceSingleLine : true, 
    selector  : 'h2', 
    transparent  : true 
});

источник

2009-12-30 typeoneerror

Хм, это действительно странно. Я загрузил тестовый файл вашего сайта на свой сервер, и все работает отлично в хроме. гораздо лучшая альтернатива sifr: http://cufon.shoqolate.com/generate/ его намного меньше и намного быстрее, но вы не можете выбрать текст больше

источник

2010-01-10 20:28:28 antpaw

Странно. Ну, вы исправили его, чтобы получить бонус сейчас :) Фоновое изображение не загружается в ваш тест, так что, возможно, это так. – typeoneerror

Я подозреваю, что это что-то странное между Chrome и Flash-плеера. Это как если бы Flash-фильм был изменен неправильно. Фильм фиксируется, когда вы нажимаете на него.

Что делать, если вы установили sIFR.useDomLoaded = false до sIFR.activate()?

источник

2009-12-30 12:25:22

Нет кубиков, useDomLoaded не имеет эффекта. – typeoneerror

Есть ли шанс воспроизвести это на отдельной странице? Нет других HTML, CSS, замены и т. Д.? –

Да, я дам ему шанс в эти выходные. – typeoneerror

Использовать свойство @ font-face для CSS. Теперь он поддерживается во всех популярных браузерах (включая IE и Chrome). http://www.useragentman.com/blog/2009/09/20/font-face-in-depth/ имеет очень хорошее сообщение об использовании @ font-face во всех браузерах, а сама страница использует пользовательские шрифты. Стоит проверить =)

источник

2010-01-09 12:32:11 BYK

Согласен. Не используйте sIFR для браузеров, которые могут поддерживать @ font-face. Если вы собираетесь использовать sIFR или друзей, ваш сервер будет обслуживать их только в браузерах, которые в этом нуждаются (более старый IE, в основном). –

Видимо, они настаивают на решениях, отличных от CSS. Я уверен, что у них есть веская причина, но все же, если у вас есть время, чтобы прочитать эту статью, это сделает вашу жизнь намного лучше для пользовательских шрифтов =) – BYK

Это то, что является джентльменом. Обычно я использую Cufon, но этот сайт был создан до того, как Chrome был в выпуске. – typeoneerror

Я заметил, что установка ширины .sIFR-flash на 100%, кажется, исправляет проблему.

источник

2010-01-12 04:06:41

Ничего, не могу дождаться, чтобы попробовать это. – typeoneerror

Извините, мне так долго понадобилось. Это действительно правильный ответ. Думаю, я не могу изменить свой «лучший ответ», поскольку это была щедрость. Спасибо, Аарон. – typeoneerror

Прежде всего: установите «forceSingleLine» на «false». Если это все равно не помогает: проверьте свойства CSS текста, который вы хотите визуализировать. Тип отображения самого обработанного элемента (а не родитель!) Должен быть «блочным», иначе «ширина: 100%» не имеет никакого эффекта. Наилучшие результаты для Chrome могут быть достигнуты, если sIFR применяется к блочному элементу с фиксированной шириной, но этот подход не всегда возможен.

источник

2010-02-24 20:50:25 Konstantin

Я не могу использовать @ font-face, так как мой шрифт плохо вписывается, и мне нужно выбрать текст. Чтобы зафиксировать вертикальное растягивание для моего sIFR в IE9, я добавил display: block; высота: 1.45м; .sIFR-flash , который, казалось, соответствовал IE8 и Firefox. Я также использовал размер шрифта тела 70% Он придает небольшую мерцание во время загрузки, но растяжка прекратилась.

источник

2011-04-12 10:15:17

SIFR текст растягивается/размыто в Google Chrome

ответ

Смежные вопросы