Pergunta

Eu sempre correr para o mesmo problema ao criar páginas da web.Quando eu adicionar um tipo de letra que é maior, em seguida, cerca de 16 18px parece terrível.Sua irregulares, e pixelado.Eu tentei usar fontes diferentes e pesos, no entanto, eu não tive muita sorte.

Nota:Só no windows que é assim.Principalmente no Opera e FF também no IE7, mas não tão ruim.No Linux, a fonte parece ser bom.Eu não olhei em um Mac.

O que vocês fazer para corrigir isso?se qualquer coisa.Notei que os títulos aqui no ASSIM também são muito irregulares, mas eles são apenas pequenas o suficiente para não ficar mal.

Foi útil?

Solução

Não há nada que você pode fazer para forçar o usuário a mudar a maneira que o seu sistema operacional compõe fontes.Se é que um grande negócio para você, em seguida, você pode substituir as grandes títulos com imagens, isso permite que você controle exatamente como a fonte é processado (e assegura que o título parece exatamente como você deseja, mesmo se o usuário não tiver suas sugestões de tipo de letra instalado).

Se você fizer isso, certifique-se de que você fornecer uma alternativa de representação de texto para aqueles que não veem as imagens.Eu tendem a utilizar o CSS para mostrar uma imagem de fundo, e ocultar o conteúdo do título.Como este.

<style>
    h1
    {
        height: 32px;
        width: 100px;
        background: url("path/to/image")
    }

    h1 span
    {
        display: none;
    }
</style>

<h1>
    <span>
       Heading Text
    <span>
</h1>

Para ser honesto, isto não parece exagero, se é em todos os grandes de texto.E estar ciente de que irá aumentar a quantidade de dados que os seus clientes necessitam para fazer o download.No entanto, para um grande título este método pode levar a algo que parece mais agradável do que OS prestados texto.

Outras dicas

Ativar o anti-aliasing deve resolver o problema de exibição.

Além de anti-aliasing, tente activar o clear type.

No Windows, permitindo que O ClearType vai resolver isso.No entanto, você não pode forçar os usuários a usá-lo.Não é um problema com o navegador;é o sistema operacional de fonte do método de suavização.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top