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

Question 1

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 e depois Firefox em negrito:

Texto normal do Chrome:

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 renderizará a barra vertical de uma letra normal com dois pixels de cor escura e o outro usará um pixel central muito escuro cercado por pixels de duas cores claras, ou um usará duas cores meio escuras lado a lado. -lado e o outro usará uma cor bem escura ao lado de uma cor clara. Bons exemplos: t(1º caractere da primeira linha) e pl(segundo e terceiro caracteres da segunda linha.

As cores anti-aliasing mais escuras no lado esquerdo efazem com que a renderização do Chrome pareça mais ampla do que a versão do Firefox. A barra vertical dparece mais ousada no Firefox, enquanto a barra vertical bparece mais ousada no Chrome.

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

Ambos os navegadores renderizam as verticais como três colunas de pixels, de modo que as linhas têm, 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 menos a largura aparente do que cores escuras. Cores médias a escuras (valor de luminosidade não superior a 50%) têm o maior efeito. Amostei a cor de cada barra vertical e converti-a para o valor de luminosidade usando o espaço de cores HSL:

As primeiras etapas têm uma barra central muito escura com uma barra escura limítrofe próxima a ela. As barras do Firefox são um pouco mais escuras.

Para a perna do meio, o Chrome possui apenas uma barra escura e é muito escura (preta). O Firefox tem uma barra escura e uma barra escura média, ambas "muito" mais claras que a barra preta do Chrome. Mas ambos são escuros o suficiente para serem percebidos como escuros, então a perna do Firefox parece mais larga.

Para a perna direita, o Chrome possui uma barra escura e o Firefox possui duas barras escuras médias. Cada um deles é substancialmente mais claro que a barra escura do Chrome, mas escuro o suficiente para ser percebido como escuro, então, novamente, essa perna parece mais larga no Firefox.

Como são letras escuras sobre um fundo branco, é mais fácil pensar nisso em termos de escuridão do que de claridade, então a tabela abaixo mostra os valores complementares (mesmo as cores claras contribuem com alguma escuridão quando visualizadas em tamanho normal):

Ao olhar para os caracteres em tamanho normal, a quantidade total de “escuro” no contorno dos caracteres 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 escuridão para todas as pernas da carta m. O Firefox mé 15% mais escuro que o Chrome m. Conforme descrito anteriormente, a espessura aparente da linha é maior no Firefox, mas não é tão perceptível em tamanho e velocidade de visualização normais.

Portanto, o Firefox mparece mais ousado que o do Chrome. Mas observe que isso varia de personagem para personagem. A primeira letra t, a terceira letra b, o fin "for", then pe o tantes do hna segunda linha estão entre os caracteres que parecem mais ousados no Chrome pelo 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 he uem "sem" na segunda linha.

Answer