Pergunta

Para o IE7, é possível adicionar 

filter: none;

para o css corpo para desativar ClearType em fontes através de CSS. Eu não gosto de olhar difusa que dá, e não é realmente consistente entre os navegadores. IE; Firefox e IE6 mostrá-la de forma diferente.

IE8 no entanto, parece ignorar a opção css, mesmo quando forçando o navegador em modo de compatibilidade IE7 usando: 

<meta http-equiv="X-UA-Compatible" content="IE=7" />


? TL; DR: Como faço para fontes tipo claro desativar no IE8 através de CSS

Foi útil?

Solução

Pelo que me lembro, Internet Explorer 7+ desativa ClearType quando um filtro é definido em um elemento 

#target {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
}

Além disso, não consideramos que muitos usuários podem encontrar a desativação ClearType a ser irritante. Use com moderação!

Outras dicas

Você não pode. ClearType é uma configuração de usuário no browser. Qualquer CSS que desativá-lo para certos elementos é mais provável um erro, não um recurso (eu tenho notado que fica desabilitado para alguns elementos gerados ou animados dinamicamente) e não deve ser invocado.

Seja qual for a sua preferência a este respeito é não é provavelmente um do usuário que vê o seu site. Então, por que se preocupar? Quem não como ClearType provavelmente já desativado.

Nota:. A razão pela qual ele trabalha com filtros é que os filtros não são processados ??pelo navegador, mas outra coisa (DirectX provavelmente, considerando a "DX" lá dentro eu ainda considero que uma side-effect, e não uma característica).

Nota 2: Fixed como de IE 9, como esperado. Isso realmente é uma batalha que você só pode perder, como muitos já lhe disse antes, exceto que você não quis ouvir.

Juliano, body {filter: none} é uma solução melhor, mais limpo. Usando opacidade causa problemas em algumas situações.

Para responder a todos os entusiastas ClearType - I como ClearType também. Eu acho que é um grande avanço para monitores LCD. O problema é que quando IE tenta usar ClearType em alguns elementos específicos, parece pior do que se tivesse ClearType desativado. Estes incluem elementos que estão desbotadas à vista (usando javascript), bem como importados @ fonts font-face. Se você como ClearType, então você está indo para ódio o IE faz quando ele tenta usar ClearType nestas situações ... seus olhares texto robusto, gordo e feio.

Nestes casos, ClearType deve ser removido se possível alcançar as fontes suaves vocês querem.

Não há uma solução CSS para desativar ClearType. A razão que você poderia fazê-lo no IE7 foi um subproduto de como o texto do navegador prestados em elementos que utilizaram filtros. Appearently IE8 lida com isso melhor para que você não pode usar que cortar mais (pelo menos não sem realmente aplicar algum filtro).

O uso de cleartype é uma escolha do usuário, e não algo que você deve impor sobre os visitantes. Pessoalmente, eu realmente gosto cleartype, e se eu visisted um site onde ele foi desativado Gostaria de pensar que o local parecia realmente de baixa qualidade.

O fato de que o texto é processado de forma diferente em diferentes navegadores e sistemas operacionais é algo que você tem que viver com. Se você quer olhar exatamente o mesmo para todos, você tem que torná-lo uma imagem.

Há um monte de pessoas não ouvindo aqui eu me sinto. @ Daniel Sloof disse o tempo todo que ele estava perguntando como, não se é ou não é uma boa idéia. IE é um ponto final má ideia, mas o fato é que muitas pessoas ainda usam versões mais antigas do mesmo e daquelas pessoas que eu arriscaria um palpite de que 90% não sabem sequer sabe o que Clear Type ainda é - eu com certeza não o fez até que eu comecei a depuração de sites. Eles certamente não estão cientes de quão lixo o seu navegador é. Se você quer projetar suavizar páginas funcionamento esse olhar tão liso no IE como eles fazer em webkit você tem que abraçar o hack estranho de vez em quando, com certeza não é muito mas é a vida. A maioria das pessoas será mais influenciado por um site bonito do que o código bonito.

@capnhairdo é bob quando ele diz sobre @ font-face também - Algum de vocês realmente testado essas fontes com Clear Type habilitado no IE7 e 8? Se você tivesse que você percebe muitos são prestados terrivelmente - como o que você obteria normalmente com CT desativado - tipo de derrotas o objeto na seleção de uma pia batismal agradável, em primeiro lugar e para muitos os gostos de Cufon e Sifr não são soluções viáveis . Para alguns de nós o seu ok para coisas a olhar medíocre. Para mim, não é, meu site vende a minha imagem.

Quando você considera até mesmo a Apple está forçando emulação IE7 para o IE8 em seu site deve enfatizar que a maioria das pessoas realmente não estão impactados em cima de pequenos desvios da 'prática recomendada', em vez eles percebem muito mais um site que oferece uma estética porcaria e é pouco legível. Isso não está fazendo qualquer um nenhuns favores e é um problema que pode ocorrer com CT sobre! Eu me esforço para a maior coerência possível e não poderia dar uma coisa que escolhas um usuário do IE deve e não deve ter nessa situação. Microsoft entupido, fazendo navegadores que tentaram desviar padrões, que eles mesmos lançaram hacks e correções para isso temos de trabalhar com ele. Se isso significa tomar vantagem de um bug para corrigir um problema, então desde que não está impactando fortemente no desempenho, largura de banda, ou usabilidade apenas fazê-lo! A vida é muito curta para bagunça em torno citando a conformidade padrão, eu respeito o código limpo e metodologia rigorosa para um ideal, mas vamos lá, vocês têm tão boa como disse que vos a perfeição não existe. Um bom design e construção vem de uma perspectiva equilibrada. Aqui termina o :-P discurso

Cleartype às vezes parece estúpido em soluções baseadas em AJAX JavaScript / mas este tópico respostas possíveis a essa pergunta por que algumas animações jQuery com base olhar ser quebrado no IE .. então resposta é que quando o JavaScript faz efeito de fade com opacidade (opactiy a 0 do 100 em 1 segundo de duração), em seguida, fontes ClearType são removidos do elemento que venha a desaparecer e aparência de animação muito ruim.

para alguns elementos de motivo posicionado (qualquer coisa no interior {posição: relativa}) -. Não é animado w / uma opacidade inferior a 1

Você pode ter tanto um filtro de CSS MS em um elemento e ainda habilitar ClearType na fonte dentro. Basta adicionar um elemento filho e defina sua "posição" css para "relativa" e que ClearType não ficar desativado. Copie o seguinte e experimentá-lo. 

<style>
#parent{
     background-color:white;
     filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=180,strength=2);
     position:relative;
     border:solid 1px black;
     padding:10px;
     width:500px;
}
#child{
     position:relative; /*THIS SOLVED THE CLEARTYPE DISABLING PROBLEM IN BOTH IE7 & IE8*/ :)
}
</style>

<div id="parent">
     <div id="child">This text should always be smooth</div>
</div>
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top