1. Inicio
  2. Pregunta y respuesta
  3. ¿Por qué el texto se representa con un tamaño de fuente mayor en Opera?

¿Por qué el texto se representa con un tamaño de fuente mayor en Opera?

2010-10-11 10 views
8

Estoy trabajando en una página HTML que necesita ser más o menos perfecta como un píxel, y noté que en Opera 10, las fuentes son más grandes que en otros navegadores, aunque el tamaño de fuente es el mismo .¿Por qué el texto se representa con un tamaño de fuente mayor en Opera?

favor ver esta página ejemplo en Opera 10 y otro navegador como Firefox 3.6:

http://troy.onespot.com/static/stack_overflow/opera_font_size.html

Alternativamente, aquí está una captura de pantalla que ilustra el problema:

http://skitch.com/troywarr/d47m1/font-size

Las cajas de color rojo detrás del texto "50px" y "46px" (ambos estilo para tener el tamaño de fuente correspondiente) ambos tienen una altura de 50px.

En Firefox 3.6, el descendiente de la "p" en "50px" se alinea con la parte inferior del cuadro rojo detrás de él. En Opera, el descendiente de la "p" en "50px" cuelga debajo; es el "46px" que más se aproxima al "50px" en Firefox. Eso me sugiere que Opera está procesando fuentes en el estadio de 10% demasiado grande.

Esto, y el mismo problema con el texto de otro cuerpo, está completamente fuera de mi diseño de página en Opera 10. Por favor, hágame saber si tiene alguna idea sobre lo que puede estar causando esto, o al menos cómo prevenir/corregir eso.

Gracias!

ACTUALIZACIÓN:

Parece que no tengo una copia adecuada de Helvetica instalado - lo quité de la pila de la fuente y vi ninguna diferencia en el texto representado en mis páginas de prueba.

Actualicé las páginas de prueba para usar solo la familia de fuentes genérica "sans-serif", así que espero que todos veamos lo mismo ahora.

Curiosamente, el uso de la fuente genérica "serif" muestra exactamente lo mismo en Opera y Firefox.

¿Podría ser este un problema sobre cómo Opera muestra la fuente genérica "sans-serif"?

ACTUALIZACIÓN 2:

Esto puede ser importante: Estoy utilizando Mac OS X Snow Leopard. Estoy experimentando con otras fuentes ahora para ver si puedo aislar el problema más.

Actualización 3:

he creado otra página de prueba utilizando Arial:

http://troy.onespot.com/static/stack_overflow/opera_font_size_reset_arial.html

Y ahora partido Opera y Firefox casi exactamente!

Probablemente pueda salirse con la suya usando Arial en lugar de Helvetica en este proyecto.Por lo que sé, tengo una versión de OS X completa de Helvetica, por lo que no puedo permitirme ninguna disparidad entre la forma en que diferentes usuarios pueden ver las fuentes en mi página. Me quedaré con el probado & verdadero Arial.

Lo que quiere decir esto, sin embargo - no de fuentes sans serif por defecto de OS X acaba de dar forma extraña en Opera o algo?

Fuente

2010-10-11 Bungle

+0

Gracias por las respuestas, pero una hoja de estilo de restablecimiento no resolvió el problema. De hecho, estoy usando la hoja de estilo "Reset Reloaded" de Eric Meyer como parte de la página HTML que originalmente exhibió este problema. – Bungle

+0

Consulte esta página de ejemplo que usa "Recargar recargado" de Eric Meyer, pero todavía tiene el mismo problema con el tamaño de letra: http://troy.onespot.com/static/stack_overflow/opera_fres_size_reset.html – Bungle

+1

Creo que ha cambiado Firefox y Opera en tu captura de pantalla? – rlovtang

Respuesta

2

Mi sospecha es que Opera utiliza una fuente de respaldo diferente para Sans-serif que los otros navegadores hacen. Eso debería ser posible de confirmar o eliminar utilizando una fuente diferente que definitivamente está instalada en el sistema.

Fuente

2010-10-11 21:36:20

+0

Esto me parece más factible. Después de cambiar a Arial (que definitivamente he instalado), el texto coincide exactamente con todos los navegadores en los que probé. No estoy 100% seguro de cuál era el problema, pero eso lo resolvió en mi caso. ¡Gracias por tu ayuda! – Bungle

0

tuve problema similar hasta que use reset CSS de Eric Meyer :)

Fuente

2010-10-11 20:41:59 Sarfraz

+0

Gracias por la respuesta, pero el problema todavía ocurre con una hoja de estilo de restablecimiento. Consulte mis comentarios anteriores. – Bungle

1

No estoy reproduciendo su problema. Esto es lo que me pasa en Firefox 3.6.8 (y en Internet Explorer 8):

alt text

Fuente

2010-10-11 20:45:30

+0

Gracias, Robert: parece que tu fuente está más comprimida que la mía (¿quizás tus navegadores están por defecto en una cara sans serif genérica?), Pero la altura del texto en cada tamaño de fuente sigue siendo similar a la captura de pantalla. ¿Puede comparar lo que está viendo en FF/3.6.8 e IE/8 con Opera 10.10 para ver si hay una discrepancia de altura como la que estoy viendo? – Bungle

+0

"No puedo reproducir el problema" no es una respuesta: p – cimmanon

1

Creo que sé su problema. Lo estoy obteniendo exactamente del mismo tamaño en todos los navegadores (al menos Firefox, Opera y Chrome). Esto, estoy seguro, se puede pasar por alto fácilmente si no sabes que tú o alguien más ha hecho esto, pero intenta verificar la configuración del zoom en Opera ... avísame si no ayuda y voy a trabajar un poco más en ello.

Fuente

2010-10-11 21:00:52 ClarkeyBoy

+0

Gracias, ClarkeyBoy: la configuración de mi zoom en Opera es el 100% predeterminado. ¿Es posible que haya una peculiaridad con mi fuente Helvetica? Trataré de usar un sans-serif genérico (y tal vez otras fuentes comunes) para ver si esto es reproducible con otras familias de fuentes. – Bungle

+0

Prueba comprobar Firefox y luego. Vale la pena comprobarlo, de lo contrario te sentirás como un tonto si resulta que, tras pasar varios días tratando de solucionarlo, Firefox se aleja un 10%. También estoy teniendo un violín con eso. Estoy empezando a preguntarme si se trata de algo raro: si te falta la fuente o si lo estamos haciendo. – ClarkeyBoy

+0

@Bungle es posible que también desee comprobar si tiene varias Helveticas en el sistema, p. TTF y tipo 1. Intentaré esto con Arial para asegurarme de que –

4

Estaba teniendo un problema similar.

He encontrado que el tamaño de fuente predeterminado calculado en FF y la mayoría de otros navegadores en 16px es, pero en la ópera el defecto parece ser 20 píxeles.

Simplemente configuro el tamaño de letra: 16px; para html, y pareció encargarse de eso.

Fuente

2010-12-15 21:03:14 phazei

+0

¡Después de todas las combinaciones de archivos de restablecimiento de CSS y otros trucos, esto finalmente lo hizo! – joshcomley

5

me encontré con este hilo cuando estaba teniendo problemas similares con Opera 11.10 en Windows 7 x64.

Opera no cumplía con el uso de 20 píxeles como el cuerpo de tamaño de fuente (en lugar de 16 píxeles que es lo que utilizan otros navegadores). Esto persistió incluso después de la desinstalación, la eliminación de las preferencias de Opera y la reinstalación. Resulta que Opera respetará las preferencias de tamaño de fuente de su sistema (establecido en 'Panel de control \ Apariencia y Personalización \ Pantalla' en Win7) para el texto del sitio web mientras que otros navegadores (He probado FF4, Chrome 11, Safari 5, IE 9) no. El tamaño de fuente de mi sistema se estableció en 125%, lo que explica 20px. Una vez que configuré el zoom de fuente de mi sistema al 100%, Opera se comportó igual que los demás.

No estoy seguro de cuál es el comportamiento más correcto (en cierto modo, es agradable que Opera respete mi elección de fuente) pero dado que otros navegadores no hacen lo mismo, es "inesperado". No tengo una Mac para probar pero ¿quizás MacOS tiene una preferencia de fuente de sistema similar?

Fuente

2011-05-09 11:05:30

0

Había encontrado con problemas similares, tuvo que cambiar mi orden de retorno de:

font-family: Helvetica, Verdana, Arial, sans-serif;

a

font-family: Helvetica, Arial, sans-serif;

Desde Arial y Helvetica son casi exactamente el mismo tamaño, cuando la ópera vuelve a caer todavía se ve bien.

Fuente

2011-10-23 20:23:43 DavidG

Cuestiones relacionadas

 Cuestiones relacionadas