¿Por qué la fuente de Firefox se muestra tan en negrita?

Question 1

El espaciado es ligeramente diferente, pero creo que es una ilusión óptica basada en el suavizado y los colores de los bordes. Aquí hay algunos fragmentos ampliados al 800%:

Chrome y luego Firefox en negrita:

Texto normal de Chrome:

Texto normal de Firefox:

La apariencia oscura de la letra se crea mediante una oscuridad "promedio" o colectiva de varios píxeles adyacentes. En algunos casos, un navegador representará la barra vertical de una letra normal con dos píxeles de color oscuro y el otro usará un píxel central muy oscuro rodeado por píxeles de dos colores claros, o uno usará dos colores medio oscuros uno al lado del otro. -un lado y el otro usarán un color muy oscuro junto a un color claro. Buenos ejemplos: t(primer carácter de la primera línea) y pl(segundo y tercer carácter de la segunda línea).

Los colores más oscuros de suavizado en el lado izquierdo de la imagen ehacen que la representación de Chrome parezca más ancha que la versión de Firefox. La barra vertical de dparece más audaz en Firefox, mientras que la barra vertical de bparece más audaz en Chrome.

Para ser más específico, compare la mprimera letra minúscula de la segunda fila de texto normal. Para ese carácter, Firefox aparece más negrita cuando miras las líneas verticales. ¿Por qué?

Ambos navegadores representan las verticales como tres columnas de píxeles, por lo que las líneas tienen en realidad el mismo ancho. Sin embargo, los colores de los componentes hacen que las verticales de Firefox parezcan más anchas. Los colores muy claros afectan menos el ancho aparente que los colores oscuros. Los colores medios a oscuros (valor de luminosidad hasta no mucho más del 50%) tienen el mayor efecto. Probé el color de cada barra vertical y lo convertí al valor de luminosidad usando el espacio de color HSL:

Los primeros tramos tienen una barra central muy oscura con una barra oscura límite al lado. Las barras de Firefox son un poco más oscuras.

Para la pata del medio, Chrome tiene sólo una barra oscura y es muy oscura (negra). Firefox tiene una barra oscura y una barra oscura media, ambas "mucho" más claras que la barra negra de Chrome. Pero ambos son lo suficientemente oscuros como para ser percibidos como oscuros, por lo que la pata de Firefox parece más ancha.

Para la pierna derecha, Chrome tiene una barra oscura y Firefox tiene dos barras oscuras medianas. Cada uno de ellos es sustancialmente más claro que la barra oscura de Chrome, pero lo suficientemente oscuro como para ser percibido como oscuro, por lo que nuevamente, esa pierna parece más ancha en Firefox.

Dado que se trata de letras oscuras sobre un fondo blanco, es más fácil pensar en términos de oscuridad que de claridad, por lo que la siguiente tabla muestra los valores del complemento (incluso los colores claros aportan algo de oscuridad cuando se ven en tamaño normal):

Cuando se miran los caracteres en tamaño normal, la cantidad total de "oscuridad" en el contorno del carácter y, hasta cierto punto, el ancho aparente de la línea, es más o menos lo que da la ilusión de audacia. El cuadro anterior consolida los valores de oscuridad para todos los tramos de la carta m. Firefox mes un 15% más oscuro que Chrome m. Como se describió anteriormente, el grosor aparente de la línea es más ancho en Firefox, pero eso no es tan perceptible en tamaño y velocidades de visualización normales.

Entonces Firefox mparece más atrevido que Chrome. Pero observe que esto varía de un personaje a otro. La primera letra t, la tercera letra b, el f"para", luego py el tantes hde la segunda línea se encuentran entre los caracteres que aparecen más en negrita en Chrome por la misma razón.

En algunas letras, una de las verticales aparece más en negrita en un navegador y otra vertical de la misma letra aparece más en negrita en el otro navegador. Por ejemplo, hy uen "sin" en la segunda línea.

Answer