texto sIFR estirado / borrosa en Google Chrome

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

  •  22-09-2019
  •  | 
  •  

Pregunta

respondida

La mejor respuesta de abajo era bueno para la recompensa, pero la respuesta del usuario de Aaron es la respuesta correcta. Marco: 

.sIFR-flash {
width:100%;
}

corrige el problema en Chrome. Lamentablemente, no puedo cambiar mi mejor respuesta ya que supongo que así es como recompensas de trabajo.

respondida

Me parece estar teniendo algunos problemas con Chrome representación específicamente sIFR reemplazado texto extendido (y borrosa) en el mismo recipiente de flash. Ningún otro navegador hace esto (se ve bien en IE6,7,8, FF, Safari, Opera). ¿Es esto un error conocido / ¿alguien tiene alguna solución?

Este es un ejemplo se puede ver en en este sitio: http://uvph.com/

Y aquí está el código de sustitución: 

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

Solución

hmmm esto es una realidad extraña. He subido un caso de prueba de su sitio a mi servidor y todo funciona bien en cromo. la alternativa mucho mejor que sifr es http://cufon.shoqolate.com/generate/ su mucho más pequeño y mucho más rápido, pero usted no puede seleccionar el texto más

Otros consejos

No se puede usar @ font-face como mi fuente incrusta mal y necesito texto seleccionable. Para solucionar el estiramiento vertical para mi sIFR en IE9 I añadido bloqueo de pantalla; altura: 1.45em; a la .sIFR-flash que parecía a la altura de IE8 y Firefox También utilicé un cuerpo de tamaño de fuente de 70% Se da un poco de parpadeo adicional mientras carga, pero el estiramiento se ha detenido.

Me di cuenta de que establecer el ancho de .sIFR-flash a 100% parece corregir el problema.

Uso @ font-face propiedad de CSS. Ahora es compatible con todos los navegadores populares (incluyendo IE y Chrome). http://www.useragentman.com/blog / 2009/09/20 / font-face en profundidad / tiene un muy buen post sobre el uso de @ font-face en todos los navegadores y la propia página utiliza fuentes personalizadas. la comprobación de la pena =)

En primer lugar: Conjunto "forceSingleLine" a "falso". Si esto no ayuda: comprobar las propiedades CSS del texto que desea ser prestados. (! No el padre) Display-tipo de la prestados elemento en sí debe ser "bloque", de lo contrario "width: 100%" no tiene ningún efecto en absoluto. Los mejores resultados para Chrome pueden lograrse si sIFR se aplica a un elemento de bloque con anchura fija - pero este enfoque no siempre será factible.

Sospecho que es algo raro entre Chrome y el reproductor de Flash. Es como si la película de Flash se amplía de forma incorrecta. Las propias correcciones de la película cuando se hace clic en él.

Lo que si se establece sIFR.useDomLoaded = false antes sIFR.activate()?

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top