Текст sIFR растянут / размыт в Google Chrome

StackOverflow https://stackoverflow.com/questions/1978630

  •  22-09-2019
  •  | 
  •  

Вопрос

Ответил

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

.sIFR-flash {
width:100%;
}

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

Ответил

Кажется, у меня возникли некоторые проблемы с Chrome, в частности, с рендерингом замененного sIFR текста, растянутого (и размытого) в его контейнере flash.Ни один другой браузер не делает этого (хорошо смотрится в 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
});
Это было полезно?

Решение

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

Другие советы

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

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

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

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

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

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

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top