texto sifr esticado/embaçado no Google Chrome
-
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
});
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()
?