Por que a renderização da fonte do Firefox é tão ousada?

0

Quando comparo o link no Chrome e no Firefox, vejo resultados mais arrojados no Firefox do que no Chrome.

Por que isso? E como posso consertar isso?

(a tela superior é o Chrome, a parte inferior é o Firefox.)

    
por Mehrdad 15.04.2018 / 22:18

2 respostas

2

O espaçamento é um pouco diferente, mas acho que é uma ilusão de ótica baseada no anti-aliasing e nas cores das bordas. Aqui estão alguns trechos ampliados para 800%:

Chrome, em seguida, as letras em negrito do Firefox:

TextonormaldoChrome:

Texto normal do Firefox:

A aparência escura da letra é criada por uma escuridão "média" ou coletiva de vários pixels adjacentes. Em alguns casos, um navegador renderiza a barra vertical de uma letra normal com dois pixels de cor escura e o outro usará um pixel muito escuro no centro cercado por pixels de duas cores claras, ou usará duas cores meio-escuras lado a lado o lado e o outro usarão uma cor muito escura ao lado de uma cor clara. Bons exemplos: t (primeiro caractere da primeira linha) e pl (segundo e terceiro caracteres da segunda linha.

As cores anti-aliasing mais escuras no lado esquerdo do e fazem com que a renderização do Chrome pareça mais ampla do que a versão do Firefox. A barra vertical do d parece mais strong no Firefox, enquanto a barra vertical do b parece mais ousada no Chrome.

Para ser mais específico, compare a letra minúscula m , primeira letra da segunda linha do texto normal. Para esse personagem, o Firefox parece mais ousado quando você olha para as linhas verticais. Por quê?

Ambos os navegadores processam as verticais como três colunas de pixels, de modo que as linhas são na verdade a mesma largura. No entanto, as cores dos componentes fazem com que as verticais do Firefox pareçam mais largas. Cores muito claras afetam a largura aparente menor que as cores escuras. Cores médias a escuras (valor de luminosidade até pouco mais de 50%) têm o maior efeito. Amostrei a cor de cada barra vertical e converti para o valor de luminosidade usando o espaço de cores HSL:

Asprimeiraspernastêmumabarracentralmuitoescuracomumabarraescuraaolado.AsbarrasdoFirefoxsãoumpoucomaisescuras.

Paraapernadomeio,oChrometemapenasumabarraescuraeémuitoescuro(preto).OFirefoxtemumabarraescuraeumabarraescuramédia,ambas"muito" mais claras que a barra preta do Chrome. Mas ambos são escuros o suficiente para serem vistos como escuros, então a perna do Firefox parece mais ampla.

Para a perna direita, o Chrome tem uma barra escura e o Firefox tem duas barras escuras médias. Eles são cada vez mais leves que a barra escura do Chrome, mas escuros o suficiente para serem vistos como escuros, então, novamente, essa perna parece mais larga no Firefox.

Como são letras escuras em um fundo branco, é mais fácil pensar em termos de escuridão do que de luminosidade, portanto a tabela abaixo mostra os valores de complemento (até mesmo cores claras contribuem com escuridão quando vistas em tamanho normal): / p>

Aoolharparaoscaracteresemtamanhonormal,aquantidadetotalde"dark" no contorno do personagem, e até certo ponto, a largura aparente da linha, é mais ou menos o que dá a ilusão de ousadia. O gráfico acima consolida os valores de sombreamento para todas as pernas da letra m . O Firefox m é 15% mais escuro que o Chrome m . Conforme descrito anteriormente, a espessura da linha aparente é mais ampla no Firefox, mas isso não é tão perceptível no tamanho normal e nas velocidades de visualização.

Portanto, o m do Firefox parece mais ousado que o do Chrome. Mas note que isso varia de personagem para personagem. A primeira letra t , terceira letra, b , f em "for", p e t antes da h na segunda linha estão entre os caracteres que parecem mais strongs no Chrome o mesmo motivo.

Em algumas letras, uma das verticais parece mais ousada em um navegador, e outra vertical da mesma letra parece mais ousada no outro navegador. Por exemplo, o h e u em "sem" na segunda linha.

    
por 16.04.2018 / 01:52
-1

Examinando de perto essas capturas de tela com alta ampliação, parece que os glifos superiores (Chrome) são na verdade fracionados e mais largos do que os inferiores (do Firefox).

Ambos estão usando o antialiasing de subpixel com a ordem RGB apropriada para a maioria dos monitores modernos na resolução nativa, embora os detalhes de kerning e hinting sejam diferentes. Observe que, no final da primeira linha, o par "Yo" está mais distante no Chrome (indicativo de mau kerning) e toda a linha ocupa um pouco mais de espaço.

Pode ocorrer confusão se você estiver executando o monitor de cabeça para baixo ou na orientação retrato, ou em uma resolução não-nativa ou se for um CRT. Qualquer uma dessas coisas viola os pressupostos do antialiasing de subpixel, e você deve configurar seu SO de acordo.

    
por 15.04.2018 / 22:36