texto sifr esticado/embaçado no Google Chrome

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

  •  22-09-2019
  •  | 
  •  

Pergunta

Respondidas

A melhor resposta abaixo foi boa para a recompensa, mas a resposta do usuário Aaron é a resposta correta. Contexto:

.sIFR-flash {
width:100%;
}

corrige o problema no Chrome. Infelizmente, não posso mudar minha melhor resposta, pois acho que é assim que as recompensas funcionam.

Respondidas

Parece que estou tendo alguns problemas com o Chrome renderizando especificamente o texto substituído (e embaçado) em seu contêiner em flash. Nenhum outro navegador faz isso (fica bem no IE6,7,8, FF, Safari, Opera). Este é um bug conhecido/alguém tem uma solução alternativa?

Aqui está um exemplo que você pode ver neste site: http://uvph.com/

E aqui está o código de substituição:

// -- 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
});
Foi útil?

Solução

Hmmm, isso é realmente estranho. Eu carreguei um teste do seu site para o meu servidor e tudo funciona bem no Chrome. A alternativa muito melhor ao SIFR é http://cufon.shoqolate.com/gereate/ é muito menor e muito mais rápido, mas você não pode mais selecionar o texto

Outras dicas

Não posso usar o @font-face, pois minha fonte incorpora mal e preciso de texto selecionável. Para corrigir o alongamento vertical para o meu SIFR no IE9, adicionei exibição: bloco; Altura: 1.45em; Para o .Sifr-Flash, que parecia combinar com o IE8 e o Firefox, eu também usei um tamanho de uma fonte de 70%, que oferece um pouco mais piscadela enquanto carrega, mas o alongamento parou.

Percebi que definir a largura do .Sifr-Flash a 100% parece corrigir o problema.

Use a propriedade @font-face do CSS. Agora é suportado em todos os navegadores populares (incluindo IE e Chrome). http://www.useragentman.com/blog/2009/09/20/font-face-ne-depth/ tem uma postagem muito boa sobre o uso de @font-face em todos os navegadores e a própria página usa fontes personalizadas. Vale a pena verificar =)

Primeiro de tudo: definir "forcesingLeline" para "false". Se isso ainda não ajudar: verifique as propriedades do CSS do texto que você deseja renderizar. O tipo de exibição do próprio elemento renderizado (não o pai!) Deve ser "bloco"; caso contrário, "largura: 100%" não tem efeito. Os melhores resultados para o Chrome podem ser alcançados se o SIFR for aplicado a um elemento de bloco com largura fixa - mas essa abordagem nem sempre será viável.

Suspeito que seja algo estranho entre o Chrome e o Flash Player. É como se o filme Flash fosse escalado incorretamente. O filme se conserta quando você clica nele.

E se você definir sIFR.useDomLoaded = false antes da sIFR.activate()?

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top